Nova Color Gradient

 #500408

 #580609

 #60080b

 #680a0d

 #700c0e

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#500408	rgb(80, 4, 8)	hsl(360 90% 16%)	hwb(360 1.6% 69%)	lch(14.9 39.2 30.8)	lab(14.9 33.7 20.1)	cmyk 0%, 95%, 90%, 69%
	#580609	rgb(88, 6, 9)	hsl(360 87% 18%)	hwb(360 2.4% 65%)	lch(17.1 42.3 32.7)	lab(17.1 35.6 22.9)	cmyk 0%, 93%, 90%, 65%
	#60080b	rgb(96, 8, 11)	hsl(360 85% 20%)	hwb(360 3.1% 62%)	lch(19.2 45.2 33.7)	lab(19.2 37.6 25.1)	cmyk 0%, 92%, 89%, 62%
	#680a0d	rgb(104, 10, 13)	hsl(360 82% 22%)	hwb(360 3.9% 59%)	lch(21.3 48.1 34.3)	lab(21.3 39.7 27.1)	cmyk 0%, 90%, 87%, 59%
	#700c0e	rgb(112, 12, 14)	hsl(360 81% 24%)	hwb(360 4.7% 56%)	lch(23.3 51 35.1)	lab(23.3 41.7 29.4)	cmyk 0%, 89%, 87%, 56%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#500408

AAA - 15.41



#580609

AAA - 14.53



#60080b

AAA - 13.66



#680a0d

AAA - 12.82



#700c0e

AAA - 12.01



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(27.6% 0.096 0.046), oklab(29.5% 0.101 0.05), oklab(31.4% 0.107 0.053), oklab(33.2% 0.113 0.056), oklab(35% 0.118 0.06))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #500408, #580609, #60080b, #680a0d, #700c0e)

Colors



<resources>
    <color name="nova_100">#500408</color>
    <color name="nova_200">#580609</color>
    <color name="nova_300">#60080b</color>
    <color name="nova_400">#680a0d</color>
    <color name="nova_500">#700c0e</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt