Sky Color Palette

#204C6E

#4586B3

#76C0F6

#D7E0F9

#FAF7FF

#204C6E

#4586B3

#76C0F6

#D7E0F9

#FAF7FF

Colors overview

White

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#204c6e	rgb(32, 76, 110)	hsl(210 55% 28%)	hwb(210 13% 57%)	lch(30.5 25.4 255)	lab(30.5 -6.36 -24.6)	cmyk 71%, 31%, 0%, 57%
	#4586b3	rgb(69, 134, 179)	hsl(200 44% 49%)	hwb(200 27% 30%)	lch(53.1 32.4 250)	lab(53.1 -10.9 -30.5)	cmyk 61%, 25%, 0%, 30%
	#76c0f6	rgb(118, 192, 246)	hsl(210 88% 71%)	hwb(210 46% 3.5%)	lch(74.4 36.7 250)	lab(74.4 -12.7 -34.4)	cmyk 52%, 22%, 0%, 4%
	#d7e0f9	rgb(215, 224, 249)	hsl(220 74% 91%)	hwb(220 84% 2.4%)	lch(89.1 13.3 272)	lab(89.1 0.525 -13.3)	cmyk 14%, 10%, 0%, 2%
	#faf7ff	rgb(250, 247, 255)	hsl(260 100% 98%)	hwb(260 97% 0%)	lch(97.6 4.06 301)	lab(97.6 2.09 -3.48)	cmyk 2%, 3%, 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.

#204C6E

AAA - 9.05



#4586B3

AA - 3.95



#76C0F6

AA - 1.97



#D7E0F9

AA - 1.31



#FAF7FF

AA - 1.05



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(40.2% -0.032 -0.068), oklab(59.6% -0.046 -0.084), oklab(78% -0.051 -0.094), oklab(90.8% 0 -0.036), oklab(98.1% 0.006 -0.009))

Fallback colors



background: linear-gradient(45deg, #204C6E, #4586B3, #76C0F6, #D7E0F9, #FAF7FF)

Colors



<!-- Primary Colors -->
<color name="sky_color_10">#204C6E</color>
<color name="sky_color_20">#4586B3</color>
<color name="sky_color_30">#76C0F6</color>
<color name="sky_color_40">#D7E0F9</color>
<color name="sky_color_50">#FAF7FF</color>

PWA prompt