Night Color Palette

#000022

#312c4a

#463f59

#685e74

#897c8f

#000022

#312c4a

#463f59

#685e74

#897c8f

Colors overview

 Black

 Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#000022	rgb(0, 0, 34)	hsl(240 100% 6.7%)	hwb(240 0% 87%)	lch(0.876 19.7 286)	lab(0.876 5.47 -18.9)	cmyk 100%, 100%, 0%, 87%
	#312c4a	rgb(49, 44, 74)	hsl(250 25% 23%)	hwb(250 17% 71%)	lch(19.7 19.9 295)	lab(19.7 8.47 -18)	cmyk 34%, 41%, 0%, 71%
	#463f59	rgb(70, 63, 89)	hsl(260 17% 30%)	hwb(260 25% 65%)	lch(28.2 16.5 298)	lab(28.2 7.78 -14.5)	cmyk 21%, 29%, 0%, 65%
	#685e74	rgb(104, 94, 116)	hsl(270 10% 41%)	hwb(270 37% 55%)	lch(41.5 13.4 305)	lab(41.5 7.63 -11)	cmyk 10%, 19%, 0%, 55%
	#897c8f	rgb(137, 124, 143)	hsl(280 7.8% 52%)	hwb(280 49% 44%)	lch(53.7 11.6 313)	lab(53.7 7.91 -8.42)	cmyk 4%, 13%, 0%, 44%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#000022

AAA - 20.52



#312c4a

AAA - 13.2



#463f59

AAA - 9.92



#685e74

AA - 6.1



#897c8f

AA - 3.93



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(11.4% -0.008 -0.078), oklab(31.3% 0.019 -0.05), oklab(38.6% 0.02 -0.04), oklab(49.9% 0.021 -0.03), oklab(60.4% 0.023 -0.023))

Fallback colors New



background: linear-gradient(45deg, #000022, #312c4a, #463f59, #685e74, #897c8f)

Colors



<resources>
    <color name="night_100">#000022</color>
    <color name="night_200">#312c4a</color>
    <color name="night_300">#463f59</color>
    <color name="night_400">#685e74</color>
    <color name="night_500">#897c8f</color>
</resources>

PWA prompt