#0c66a6
#4ca0d4
#cfeffa
#fa8557
#071657
Startup
#0c66a6
#4ca0d4
#cfeffa
#fa8557
#071657
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Orange
Cyan
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #0c66a6 | rgb(12, 102, 166) | hsl(200 87% 35%) | hwb(200 4.7% 35%) | lch(41.1 42.3 262) | lab(41.1 -5.54 -41.9) | cmyk 93%, 39%, 0%, 35% | |
| #4ca0d4 | rgb(76, 160, 212) | hsl(200 61% 56%) | hwb(200 30% 17%) | lch(62.3 37.6 248) | lab(62.3 -14.2 -34.8) | cmyk 64%, 25%, 0%, 17% | |
| #cfeffa | rgb(207, 239, 250) | hsl(200 81% 90%) | hwb(200 81% 2%) | lch(92.4 12.8 225) | lab(92.4 -9.11 -9.02) | cmyk 17%, 4%, 0%, 2% | |
| #fa8557 | rgb(250, 133, 87) | hsl(17 94% 66%) | hwb(17 34% 2%) | lch(68.5 62.5 46.6) | lab(68.5 42.9 45.4) | cmyk 0%, 47%, 65%, 2% | |
| #071657 | rgb(7, 22, 87) | hsl(230 85% 18%) | hwb(230 2.7% 66%) | lch(10.6 45.1 293) | lab(10.6 17.3 -41.6) | cmyk 92%, 75%, 0%, 66% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#0c66a6
AA - 6.05
#4ca0d4
AA - 2.88
#cfeffa
AA - 1.2
#fa8557
AA - 2.45
#071657
AAA - 16.64
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