#C60102
#EF4706
#FFA10E
#05697A
#01AAAD
RETROSPECTIVE
#C60102
#EF4706
#FFA10E
#05697A
#01AAAD
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Yellow
Cyan
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #c60102 | rgb(198, 1, 2) | hsl(360 99% 39%) | hwb(360 0.39% 22%) | lch(42.1 87.8 40.5) | lab(42.1 66.7 57) | cmyk 0%, 99%, 99%, 22% | |
| #ef4706 | rgb(239, 71, 6) | hsl(17 95% 48%) | hwb(17 2.4% 6.3%) | lch(55.8 92 46.3) | lab(55.8 63.6 66.5) | cmyk 0%, 70%, 97%, 6% | |
| #ffa10e | rgb(255, 161, 14) | hsl(37 100% 53%) | hwb(37 5.5% 0%) | lch(74.7 82.5 69) | lab(74.7 29.6 77) | cmyk 0%, 37%, 95%, 0% | |
| #05697a | rgb(5, 105, 122) | hsl(190 92% 25%) | hwb(190 2% 52%) | lch(40.1 27.4 219) | lab(40.1 -21.3 -17.2) | cmyk 96%, 14%, 0%, 52% | |
| #01aaad | rgb(1, 170, 173) | hsl(180 99% 34%) | hwb(180 0.39% 32%) | lch(62.8 38.7 199) | lab(62.8 -36.6 -12.6) | cmyk 99%, 2%, 0%, 32% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#C60102
AA - 6.16
#EF4706
AA - 3.76
#FFA10E
AA - 2.02
#05697A
AA - 6.34
#01AAAD
AA - 2.85
Color blindness
The simulation of color blindness may not be 100% accurate sometimes.
Colors preview as gradient with protanopia
Colors preview as palette with protanopia
UI components preview
Preview the gradient in different UI components.
PWA prompt