Sangria

#5C2D39

#91394B

#C64B5A

#F26A6F

#FF8A84

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#5c2d39	rgb(92, 45, 57)	hsl(340 34% 27%)	hwb(340 18% 64%)	lch(25.3 23.2 6.5)	lab(25.3 23 2.62)	cmyk 0%, 51%, 38%, 64%
	#91394b	rgb(145, 57, 75)	hsl(350 44% 40%)	hwb(350 22% 43%)	lch(37.2 40.1 13.2)	lab(37.2 39.1 9.15)	cmyk 0%, 61%, 48%, 43%
	#c64b5a	rgb(198, 75, 90)	hsl(350 52% 54%)	hwb(350 29% 22%)	lch(49.8 54 20.2)	lab(49.8 50.7 18.7)	cmyk 0%, 62%, 55%, 22%
	#f26a6f	rgb(242, 106, 111)	hsl(360 84% 68%)	hwb(360 42% 5.1%)	lch(62.6 59.1 24.8)	lab(62.6 53.6 24.7)	cmyk 0%, 56%, 54%, 5%
	#ff8a84	rgb(255, 138, 132)	hsl(2.9 100% 76%)	hwb(2.9 52% 0%)	lch(70.8 51 28.4)	lab(70.8 44.8 24.2)	cmyk 0%, 46%, 48%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#5C2D39

AAA - 11.11



#91394B

AAA - 7.26



#C64B5A

AA - 4.61



#F26A6F

AA - 2.97



#FF8A84

AA - 2.27



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(36.3% 0.07 0.006), oklab(47.1% 0.118 0.022), oklab(58.2% 0.151 0.044), oklab(69.2% 0.157 0.058), oklab(76% 0.13 0.058))

Fallback colors



background: linear-gradient(45deg, #5C2D39, #91394B, #C64B5A, #F26A6F, #FF8A84)

Colors



<!-- Primary Colors -->
<color name="sangria_color_10">#5C2D39</color>
<color name="sangria_color_20">#91394B</color>
<color name="sangria_color_30">#C64B5A</color>
<color name="sangria_color_40">#F26A6F</color>
<color name="sangria_color_50">#FF8A84</color>

PWA prompt