Cherry

#8C2D28

#B02E26

#D98880

#F7D7D9

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#8c2d28	rgb(140, 45, 40)	hsl(3 56% 35%)	hwb(3 16% 45%)	lch(33.7 48.5 33)	lab(33.7 40.7 26.5)	cmyk 0%, 68%, 71%, 45%
	#b02e26	rgb(176, 46, 38)	hsl(3.5 64% 42%)	hwb(3.5 15% 31%)	lch(40.8 64.6 35.7)	lab(40.8 52.5 37.7)	cmyk 0%, 74%, 78%, 31%
	#d98880	rgb(217, 136, 128)	hsl(5.4 54% 68%)	hwb(5.4 50% 15%)	lch(65.3 36 30.1)	lab(65.3 31.2 18)	cmyk 0%, 37%, 41%, 15%
	#f7d7d9	rgb(247, 215, 217)	hsl(360 67% 91%)	hwb(360 84% 3.1%)	lch(88.7 12.2 15.9)	lab(88.7 11.7 3.33)	cmyk 0%, 13%, 12%, 3%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#8C2D28

AAA - 8.32



#B02E26

AA - 6.43



#D98880

AA - 2.69



#F7D7D9

AA - 1.33



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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(43.9% 0.116 0.059), oklab(50.4% 0.148 0.08), oklab(70.9% 0.091 0.044), oklab(90.6% 0.035 0.008))

Fallback colors



background: linear-gradient(45deg, #8C2D28, #B02E26, #D98880, #F7D7D9)

Colors



<!-- Primary Colors -->
<color name="cherry_color_10">#8C2D28</color>
<color name="cherry_color_20">#B02E26</color>
<color name="cherry_color_30">#D98880</color>
<color name="cherry_color_40">#F7D7D9</color>

PWA prompt