Deep

Actions

Explore the gradient in different formats, and actions.

Blue

Black

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#161c3d	rgb(22, 28, 61)	hsl(230 47% 16%)	hwb(230 8.6% 76%)	lch(11.2 23.4 286)	lab(11.2 6.45 -22.5)	cmyk 64%, 54%, 0%, 76%
	#181e66	rgb(24, 30, 102)	hsl(240 62% 25%)	hwb(240 9.4% 60%)	lch(15.2 48.1 294)	lab(15.2 19.3 -44)	cmyk 76%, 71%, 0%, 60%

 Click a color format to copy to your clipboard.

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

#161c3d

AAA - 16.56



#181e66

AAA - 14.82



The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(24.1% 0.003 -0.063), oklab(28.5% 0.004 -0.124))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #161c3d, #181e66)

Colors



<!-- Primary Colors -->
<color name="deep_color_10">#161c3d</color>
<color name="deep_color_20">#181e66</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt