Morning

#E6E6FA

#ADD8E6

#87CEEB

#00BFFF

#0086b3

Actions

Explore the palette in different formats, and actions.

Colors overview

Cyan

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e6e6fa	rgb(230, 230, 250)	hsl(240 67% 94%)	hwb(240 90% 2%)	lch(91.7 10.1 286)	lab(91.7 2.78 -9.72)	cmyk 8%, 8%, 0%, 2%
	#add8e6	rgb(173, 216, 230)	hsl(190 53% 79%)	hwb(190 68% 9.8%)	lch(83.6 17 224)	lab(83.6 -12.2 -11.8)	cmyk 25%, 6%, 0%, 10%
	#87ceeb	rgb(135, 206, 235)	hsl(200 71% 73%)	hwb(200 53% 7.8%)	lch(78.9 28 231)	lab(78.9 -17.5 -21.8)	cmyk 43%, 12%, 0%, 8%
	#00bfff	rgb(0, 191, 255)	hsl(200 100% 50%)	hwb(200 0% 0%)	lch(71.8 49.8 241)	lab(71.8 -24.1 -43.6)	cmyk 100%, 25%, 0%, 0%
	#0086b3	rgb(0, 134, 179)	hsl(200 100% 35%)	hwb(200 0% 30%)	lch(51.6 38 240)	lab(51.6 -18.9 -32.9)	cmyk 100%, 25%, 0%, 30%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#E6E6FA

AA - 1.23



#ADD8E6

AA - 1.52



#87CEEB

AA - 1.74



#00BFFF

AA - 2.12



#0086b3

AA - 4.14



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(93.1% 0.007 -0.026), oklab(85.6% -0.038 -0.031), oklab(81.5% -0.057 -0.059), oklab(75.5% -0.095 -0.12), oklab(58.1% -0.074 -0.091))

Fallback colors



background: linear-gradient(45deg, #E6E6FA, #ADD8E6, #87CEEB, #00BFFF, #0086b3)

Colors



<!-- Primary Colors -->
<color name="morning_color_10">#E6E6FA</color>
<color name="morning_color_20">#ADD8E6</color>
<color name="morning_color_30">#87CEEB</color>
<color name="morning_color_40">#00BFFF</color>
<color name="morning_color_50">#0086b3</color>

PWA prompt