Night Lights Color Gradient

 #001217

 #002027

 #002E36

 #003C45

 #004954

Colors overview

Black

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#001217	rgb(0, 18, 23)	hsl(190 100% 4.5%)	hwb(190 0% 91%)	lch(4.39 6.83 228)	lab(4.39 -4.55 -5.09)	cmyk 100%, 22%, 0%, 91%
	#002027	rgb(0, 32, 39)	hsl(190 100% 7.6%)	hwb(190 0% 85%)	lch(10.2 13 220)	lab(10.2 -9.99 -8.36)	cmyk 100%, 18%, 0%, 85%
	#002e36	rgb(0, 46, 54)	hsl(190 100% 11%)	hwb(190 0% 79%)	lch(16.4 16 217)	lab(16.4 -12.7 -9.62)	cmyk 100%, 15%, 0%, 79%
	#003c45	rgb(0, 60, 69)	hsl(190 100% 14%)	hwb(190 0% 73%)	lch(22.3 18.8 215)	lab(22.3 -15.3 -10.9)	cmyk 100%, 13%, 0%, 73%
	#004954	rgb(0, 73, 84)	hsl(190 100% 16%)	hwb(190 0% 67%)	lch(27.6 21.4 216)	lab(27.6 -17.3 -12.6)	cmyk 100%, 13%, 0%, 67%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#001217

AAA - 19.11



#002027

AAA - 16.99



#002E36

AAA - 14.54



#003C45

AAA - 12.12



#004954

AAA - 10.09



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(16.8% -0.024 -0.017), oklab(22.4% -0.032 -0.023), oklab(27.7% -0.041 -0.026), oklab(32.7% -0.049 -0.029), oklab(37.2% -0.055 -0.034))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #001217, #002027, #002E36, #003C45, #004954)

Colors



<resources>
    <color name="night_lights_100">#001217</color>
    <color name="night_lights_200">#002027</color>
    <color name="night_lights_300">#002E36</color>
    <color name="night_lights_400">#003C45</color>
    <color name="night_lights_500">#004954</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt