Deep Space

#000421

#110527

#20062c

#340732

#54083d

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#000421	rgb(0, 4, 33)	hsl(230 100% 6.5%)	hwb(230 0% 87%)	lch(1.62 17.4 282)	lab(1.62 3.7 -17)	cmyk 100%, 88%, 0%, 87%
	#110527	rgb(17, 5, 39)	hsl(260 77% 8.6%)	hwb(260 2% 85%)	lch(3.22 21.6 298)	lab(3.22 10.1 -19.1)	cmyk 56%, 87%, 0%, 85%
	#20062c	rgb(32, 6, 44)	hsl(280 76% 9.8%)	hwb(280 2.4% 83%)	lch(5.46 26.8 314)	lab(5.46 18.7 -19.3)	cmyk 27%, 86%, 0%, 83%
	#340732	rgb(52, 7, 50)	hsl(300 76% 12%)	hwb(300 2.7% 80%)	lch(9.87 31.3 328)	lab(9.87 26.7 -16.4)	cmyk 0%, 87%, 4%, 80%
	#54083d	rgb(84, 8, 61)	hsl(320 83% 18%)	hwb(320 3.1% 67%)	lch(17.6 38.7 342)	lab(17.6 36.9 -11.7)	cmyk 0%, 90%, 27%, 67%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#000421

AAA - 20.2



#110527

AAA - 19.53



#20062c

AAA - 18.68



#340732

AAA - 17.17



#54083d

AAA - 14.19



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(13% -0.008 -0.065), oklab(16.3% 0.028 -0.061), oklab(19.3% 0.052 -0.056), oklab(23.5% 0.079 -0.046), oklab(30.4% 0.115 -0.033))

Fallback colors



background: linear-gradient(45deg, #000421, #110527, #20062c, #340732, #54083d)

Colors



<!-- Primary Colors -->
<color name="deep_space_color_10">#000421</color>
<color name="deep_space_color_20">#110527</color>
<color name="deep_space_color_30">#20062c</color>
<color name="deep_space_color_40">#340732</color>
<color name="deep_space_color_50">#54083d</color>

PWA prompt