Red Cardinal

Actions

Explore the gradient in different formats, and actions.

Red

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#da2910	rgb(218, 41, 16)	hsl(7.4 86% 46%)	hwb(7.4 6.3% 15%)	lch(48.5 88 41.2)	lab(48.5 66.2 58)	cmyk 0%, 81%, 93%, 15%
	#ed623a	rgb(237, 98, 58)	hsl(13 83% 58%)	hwb(13 23% 7.1%)	lch(59.8 73.1 43.3)	lab(59.8 53.2 50.1)	cmyk 0%, 59%, 76%, 7%

 Click a color format to copy to your clipboard.

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

#da2910

AA - 4.87



#ed623a

AA - 3.27



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(57.4% 0.183 0.111), oklab(66.6% 0.145 0.108))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #da2910, #ed623a)

Colors



<!-- Primary Colors -->
<color name="red_cardinal_color_10">#da2910</color>
<color name="red_cardinal_color_20">#ed623a</color>

Gradient PRO

Pro feature only

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

PWA prompt