Cherry

#8C2D28

#B02E26

#D98880

#F7D7D9

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#8c2d28	rgb(140, 45, 40)	hsl(3 56% 35%)	oklab(44% 0.12 0.06)	oklch(44% 0.13 27)	color(display-p3 0.51 0.2 0.17)
	#b02e26	rgb(176, 46, 38)	hsl(3.5 64% 42%)	oklab(50% 0.15 0.08)	oklch(50% 0.17 28)	color(display-p3 0.64 0.22 0.18)
	#d98880	rgb(217, 136, 128)	hsl(5.4 54% 68%)	oklab(71% 0.09 0.04)	oklch(71% 0.1 26)	color(display-p3 0.81 0.55 0.51)
	#f7d7d9	rgb(247, 215, 217)	hsl(360 67% 91%)	oklab(91% 0.03 0.01)	oklch(91% 0.04 14)	color(display-p3 0.95 0.85 0.85)

 Click on a color value to copy it 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