#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 | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #77b5fe | rgb(119, 181, 254) | hsl(210 99% 73%) | oklab(76% -0.04 -0.12) | oklch(76% 0.12 250) | color(display-p3 0.52 0.7 0.97) | |
| #a7d4ff | rgb(167, 212, 255) | hsl(210 100% 83%) | oklab(85% -0.03 -0.07) | oklch(85% 0.08 250) | color(display-p3 0.69 0.83 0.98) | |
| #d6e3fc | rgb(214, 227, 252) | hsl(220 86% 91%) | oklab(91% 0 -0.04) | oklch(91% 0.04 260) | color(display-p3 0.85 0.89 0.98) | |
| #f0f4f7 | rgb(240, 244, 247) | hsl(210 30% 95%) | oklab(96% 0 -0.01) | oklch(96% 0.01 240) | color(display-p3 0.94 0.96 0.97) | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) |
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.
#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