Night

#72AEE9

#5316BA

#541E87

#05052E

#AB9CDF

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#72aee9	rgb(114, 174, 233)	hsl(210 73% 68%)	hwb(210 45% 8.6%)	lch(68.8 37 258)	lab(68.8 -7.72 -36.2)	cmyk 51%, 25%, 0%, 9%
	#5316ba	rgb(83, 22, 186)	hsl(260 79% 41%)	hwb(260 8.6% 27%)	lch(28.1 91.8 306)	lab(28.1 53.4 -74.7)	cmyk 55%, 88%, 0%, 27%
	#541e87	rgb(84, 30, 135)	hsl(270 64% 32%)	hwb(270 12% 47%)	lch(24.9 63.5 310)	lab(24.9 40.4 -48.9)	cmyk 38%, 78%, 0%, 47%
	#05052e	rgb(5, 5, 46)	hsl(240 80% 10%)	hwb(240 2% 82%)	lch(2.78 26.7 289)	lab(2.78 8.82 -25.2)	cmyk 89%, 89%, 0%, 82%
	#ab9cdf	rgb(171, 156, 223)	hsl(250 51% 74%)	hwb(250 61% 13%)	lch(67.6 36.1 297)	lab(67.6 16.2 -32.2)	cmyk 23%, 30%, 0%, 13%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#72AEE9

AA - 2.34



#5316BA

AAA - 9.58



#541E87

AAA - 10.98



#05052E

AAA - 19.67



#AB9CDF

AA - 2.45



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(73.3% -0.038 -0.099), oklab(41.9% 0.073 -0.21), oklab(37.8% 0.087 -0.138), oklab(15.8% 0.003 -0.08), oklab(73% 0.04 -0.088))

Fallback colors



background: linear-gradient(45deg, #72AEE9, #5316BA, #541E87, #05052E, #AB9CDF)

Colors



<!-- Primary Colors -->
<color name="night_color_10">#72AEE9</color>
<color name="night_color_20">#5316BA</color>
<color name="night_color_30">#541E87</color>
<color name="night_color_40">#05052E</color>
<color name="night_color_50">#AB9CDF</color>

PWA prompt