#760307

#ef2b6b

Cherry



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



HDR gradient

Switch to HDR to enhance the gradient



Quick view

Inspect colors in multiple color spaces

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#760307	rgb(118, 3, 7)	hsl(360 95% 24%)	hwb(360 1.2% 54%)	lch(24 56.4 36.6)	lab(24 45.2 33.6)	cmyk 0%, 97%, 94%, 54%
	#ef2b6b	rgb(239, 43, 107)	hsl(340 86% 55%)	hwb(340 17% 6.3%)	lch(53.8 75.5 11.8)	lab(53.8 73.9 15.4)	cmyk 0%, 82%, 55%, 6%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#760307

AAA - 11.75



#ef2b6b

AA - 4.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 color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(35.7% 0.127 0.067), oklab(62.5% 0.225 0.035))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #760307, #ef2b6b)

Colors



<!-- Primary Colors -->
<color name="cherry_color_10">#760307</color>
<color name="cherry_color_20">#ef2b6b</color>

Gradient PRO

Pro feature only

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

PWA prompt