Night Indigo Color Gradient

 #300194

 #82037e

 #9c3502

Colors overview

Blue

Purple

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#300194	rgb(48, 1, 148)	hsl(260 99% 29%)	hwb(260 0.39% 42%)	lch(17.8 83.5 304)	lab(17.8 47.2 -68.8)	cmyk 68%, 99%, 0%, 42%
	#82037e	rgb(130, 3, 126)	hsl(300 95% 26%)	hwb(300 1.2% 49%)	lch(30.1 65.5 328)	lab(30.1 55.8 -34.3)	cmyk 0%, 98%, 3%, 49%
	#9c3502	rgb(156, 53, 2)	hsl(20 97% 31%)	hwb(20 0.78% 39%)	lch(37.8 64.9 49.3)	lab(37.8 42.3 49.1)	cmyk 0%, 66%, 99%, 39%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#300194

AAA - 13.48



#82037e

AAA - 9.27



#9c3502

AAA - 7.18



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 color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(32.9% 0.038 -0.193), oklab(42.4% 0.166 -0.096), oklab(47.4% 0.112 0.095))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #300194, #82037e, #9c3502)

Colors



<!-- Primary Colors -->
<color name="night_indigo_color_10">#300194</color>
<color name="night_indigo_color_20">#82037e</color>
<color name="night_indigo_color_30">#9c3502</color>

Gradient PRO

Pro feature only

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

PWA prompt