REALITY Color Gradient

 #440E0F

 #A6202E

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#440e0f	rgb(68, 14, 15)	hsl(360 66% 16%)	hwb(360 5.5% 73%)	lch(13.4 29.8 28.8)	lab(13.4 26.1 14.4)	cmyk 0%, 79%, 78%, 73%
	#a6202e	rgb(166, 32, 46)	hsl(350 68% 39%)	hwb(350 13% 35%)	lch(37.3 60.9 27.9)	lab(37.3 53.9 28.5)	cmyk 0%, 81%, 72%, 35%

 Click a color format to copy to your clipboard.

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

#440E0F

AAA - 15.96



#A6202E

AAA - 7.32



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

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(26.1% 0.075 0.034), oklab(47.4% 0.157 0.062))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #440E0F, #A6202E)

Colors



<!-- Primary Colors -->
<color name="reality_color_10">#440E0F</color>
<color name="reality_color_20">#A6202E</color>

Gradient PRO

Pro feature only

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

PWA prompt