#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 | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #e0f7fa | rgb(224, 247, 250) | hsl(190 72% 93%) | oklab(96% -0.02 -0.01) | oklch(96% 0.02 210) | color(display-p3 0.9 0.97 0.98) | |
| | #d6e4e5 | rgb(214, 228, 229) | hsl(180 22% 87%) | oklab(91% -0.01 -0.01) | oklch(91% 0.02 200) | color(display-p3 0.85 0.89 0.9) | |
| | #bcccdc | rgb(188, 204, 220) | hsl(210 31% 80%) | oklab(84% -0.01 -0.03) | oklch(84% 0.03 250) | color(display-p3 0.75 0.8 0.86) |
Click on a color value to copy it 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