Night Color Gradient

 #2907EA

 #1d00c4

Colors overview

 Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#2907ea	rgb(41, 7, 234)	hsl(250 94% 47%)	hwb(250 2.7% 8.2%)	lch(28.5 120 302)	lab(28.5 63.5 -102)	cmyk 82%, 97%, 0%, 8%
	#1d00c4	rgb(29, 0, 196)	hsl(250 100% 38%)	hwb(250 0% 23%)	lch(22.4 106 302)	lab(22.4 56.5 -90.2)	cmyk 85%, 100%, 0%, 23%

 Click a color format to copy to your clipboard.

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

#2907EA

AAA - 9.07



#1d00c4

AAA - 11.35



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 space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(43.7% -0.003 -0.284), oklab(37.9% -0.006 -0.251))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #2907EA, #1d00c4)

Colors



<resources>
    <color name="night_100">#2907EA</color>
    <color name="night_200">#1d00c4</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt