#E0F7FA
#D6E4E5
#BCCCDC
Cloud
#E0F7FA
#D6E4E5
#BCCCDC
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Blue
ī½Grey
ī½Cyan
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
ī½ | #e0f7fa | rgb(224, 247, 250) | hsl(190 72% 93%) | hwb(190 88% 2%) | lch(95.6 8.43 209) | lab(95.6 -7.34 -4.14) | cmyk 10%, 1%, 0%, 2% | |
ī½ | #d6e4e5 | rgb(214, 228, 229) | hsl(180 22% 87%) | hwb(180 84% 10%) | lch(89.5 5.18 205) | lab(89.5 -4.69 -2.19) | cmyk 7%, 0%, 0%, 10% | |
ī½ | #bcccdc | rgb(188, 204, 220) | hsl(210 31% 80%) | hwb(210 74% 14%) | lch(81.2 10.4 252) | lab(81.2 -3.2 -9.92) | cmyk 15%, 7%, 0%, 14% |
ī Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#E0F7FA
AA - 1.11
ī
#D6E4E5
AA - 1.3
ī
#BCCCDC
AA - 1.63
ī
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