Lake

#2469aa

#038ead

#10bce2

#3dd6ad

#8be27e

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Green

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#2469aa	rgb(36, 105, 170)	hsl(210 65% 40%)	oklab(51% -0.04 -0.12)	oklch(51% 0.12 250)	color(display-p3 0.22 0.41 0.65)
	#038ead	rgb(3, 142, 173)	hsl(190 97% 35%)	oklab(60% -0.08 -0.07)	oklch(60% 0.11 220)	color(display-p3 0.24 0.55 0.67)
	#10bce2	rgb(16, 188, 226)	hsl(190 87% 47%)	oklab(74% -0.1 -0.08)	oklch(74% 0.13 220)	color(display-p3 0.34 0.73 0.87)
	#3dd6ad	rgb(61, 214, 173)	hsl(160 65% 54%)	oklab(79% -0.14 0.02)	oklch(79% 0.14 170)	color(display-p3 0.43 0.83 0.69)
	#8be27e	rgb(139, 226, 126)	hsl(110 63% 69%)	oklab(83% -0.12 0.1)	oklch(83% 0.16 140)	color(display-p3 0.62 0.88 0.54)

 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.

#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