Lake

#2469aa

#038ead

#10bce2

#3dd6ad

#8be27e

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#2469aa	rgb(36, 105, 170)	hsl(210 65% 40%)	hwb(210 14% 33%)	lch(42.7 41.9 265)	lab(42.7 -3.64 -41.7)	cmyk 79%, 38%, 0%, 33%
	#038ead	rgb(3, 142, 173)	hsl(190 97% 35%)	hwb(190 1.2% 32%)	lch(54 35.6 227)	lab(54 -24.4 -25.9)	cmyk 98%, 18%, 0%, 32%
	#10bce2	rgb(16, 188, 226)	hsl(190 87% 47%)	hwb(190 6.3% 11%)	lch(70 43.1 226)	lab(70 -30.2 -30.7)	cmyk 93%, 17%, 0%, 11%
	#3dd6ad	rgb(61, 214, 173)	hsl(160 65% 54%)	hwb(160 24% 16%)	lch(77.1 49.3 170)	lab(77.1 -48.6 8.3)	cmyk 71%, 0%, 19%, 16%
	#8be27e	rgb(139, 226, 126)	hsl(110 63% 69%)	hwb(110 49% 11%)	lch(82.7 57.9 136)	lab(82.7 -41.7 40.1)	cmyk 38%, 0%, 44%, 11%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#2469aa

AA - 5.71



#038ead

AA - 3.83



#10bce2

AA - 2.25



#3dd6ad

AA - 1.83



#8be27e

AA - 1.58



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(51.1% -0.041 -0.117), oklab(59.9% -0.083 -0.071), oklab(73.6% -0.101 -0.084), oklab(78.7% -0.137 0.023), oklab(83.4% -0.124 0.099))

Fallback colors



background: linear-gradient(45deg, #2469aa, #038ead, #10bce2, #3dd6ad, #8be27e)

Colors



<!-- Primary Colors -->
<color name="lake_color_10">#2469aa</color>
<color name="lake_color_20">#038ead</color>
<color name="lake_color_30">#10bce2</color>
<color name="lake_color_40">#3dd6ad</color>
<color name="lake_color_50">#8be27e</color>

PWA prompt