CHERRY

Actions

Explore the gradient in different formats, and actions.

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#ea284c	rgb(234, 40, 76)	hsl(350 82% 54%)	hwb(350 16% 8.2%)	lch(52.1 78.7 23.7)	lab(52.1 72 31.7)	cmyk 0%, 83%, 68%, 8%
	#f15547	rgb(241, 85, 71)	hsl(4.9 86% 61%)	hwb(4.9 28% 5.5%)	lch(58.5 73.6 35)	lab(58.5 60.3 42.2)	cmyk 0%, 65%, 71%, 5%

 Click a color format to copy to your clipboard.

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

#EA284C

AA - 4.28



#F15547

AA - 3.42



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(60.8% 0.212 0.07), oklab(65.8% 0.17 0.093))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #EA284C, #F15547)

Colors



<!-- Primary Colors -->
<color name="cherry_color_10">#EA284C</color>
<color name="cherry_color_20">#F15547</color>

Gradient PRO

Pro feature only

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

PWA prompt