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
	#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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(76.1% -0.035 -0.119), oklab(85.3% -0.029 -0.071), oklab(91.4% -0.004 -0.037), oklab(96.5% -0.003 -0.005), oklab(100% 0 0))

Fallback colors



background: linear-gradient(45deg, #77B5FE, #A7D4FF, #D6E3FC, #F0F4F7, #FFFFFF)

Colors



<!-- Primary Colors -->
<color name="clear_sky_color_10">#77B5FE</color>
<color name="clear_sky_color_20">#A7D4FF</color>
<color name="clear_sky_color_30">#D6E3FC</color>
<color name="clear_sky_color_40">#F0F4F7</color>
<color name="clear_sky_color_50">#FFFFFF</color>

PWA prompt