#77B5FE
#A7D4FF
#D6E3FC
#F0F4F7
#FFFFFF
Clear Sky
#77B5FE
#A7D4FF
#D6E3FC
#F0F4F7
#FFFFFF
Actions
Explore the palette in different formats, and actions.
Colors overview
White
Blue
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #77b5fe | rgb(119, 181, 254) | hsl(210 99% 73%) | hwb(210 47% 0.39%) | lch(71.7 43.3 263) | lab(71.7 -5.12 -42.9) | cmyk 53%, 29%, 0%, 0% | |
| #a7d4ff | rgb(167, 212, 255) | hsl(210 100% 83%) | hwb(210 65% 0%) | lch(82.8 27.2 254) | lab(82.8 -7.59 -26.2) | cmyk 35%, 17%, 0%, 0% | |
| #d6e3fc | rgb(214, 227, 252) | hsl(220 86% 91%) | hwb(220 84% 1.2%) | lch(89.8 13.8 267) | lab(89.8 -0.796 -13.7) | cmyk 15%, 10%, 0%, 1% | |
| #f0f4f7 | rgb(240, 244, 247) | hsl(210 30% 95%) | hwb(210 94% 3.1%) | lch(95.9 2.17 243) | lab(95.9 -0.971 -1.94) | cmyk 3%, 1%, 0%, 3% | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | hwb(none 100% 0%) | lch(100 0 none) | lab(100 0 0) | cmyk 0%, 0%, 0%, 0% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#77B5FE
AA - 2.13
#A7D4FF
AA - 1.55
#D6E3FC
AA - 1.29
#F0F4F7
AA - 1.1
#FFFFFF
AA - 1
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