Deepness

#170087

#005dcd

#49dbf2

#9bf2f9

#f2ffff

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#170087	rgb(23, 0, 135)	hsl(250 100% 26%)	hwb(250 0% 47%)	lch(13.6 80.4 302)	lab(13.6 43.2 -67.8)	cmyk 83%, 100%, 0%, 47%
	#005dcd	rgb(0, 93, 205)	hsl(210 100% 40%)	hwb(210 0% 20%)	lch(40.5 66.8 281)	lab(40.5 12.6 -65.6)	cmyk 100%, 55%, 0%, 20%
	#49dbf2	rgb(73, 219, 242)	hsl(190 87% 62%)	hwb(190 29% 5.1%)	lch(80.5 41.5 214)	lab(80.5 -34.5 -23.2)	cmyk 70%, 10%, 0%, 5%
	#9bf2f9	rgb(155, 242, 249)	hsl(180 89% 79%)	hwb(180 61% 2.4%)	lch(90.2 28.7 205)	lab(90.2 -26 -12.1)	cmyk 38%, 3%, 0%, 2%
	#f2ffff	rgb(242, 255, 255)	hsl(180 100% 97%)	hwb(180 95% 0%)	lch(99 4.67 199)	lab(99 -4.4 -1.55)	cmyk 5%, 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.

#170087

AAA - 15.14



#005dcd

AA - 6.09



#49dbf2

AA - 1.65



#9bf2f9

AA - 1.27



#f2ffff

AA - 1.02



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(29.1% 0.004 -0.189), oklab(50.3% -0.038 -0.185), oklab(82.4% -0.108 -0.062), oklab(90.9% -0.078 -0.032), oklab(99% -0.013 -0.004))

Fallback colors



background: linear-gradient(45deg, #170087, #005dcd, #49dbf2, #9bf2f9, #f2ffff)

Colors



<!-- Primary Colors -->
<color name="deepness_color_10">#170087</color>
<color name="deepness_color_20">#005dcd</color>
<color name="deepness_color_30">#49dbf2</color>
<color name="deepness_color_40">#9bf2f9</color>
<color name="deepness_color_50">#f2ffff</color>

PWA prompt