#5C2129

#943C47

#CC5765

#E0827B

#F5ADA1

Sangría

Actions

Explore the gradient in different formats, and actions.

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#5c2129	rgb(92, 33, 41)	hsl(350 47% 25%)	hwb(350 13% 64%)	lch(22.3 29.6 18.5)	lab(22.3 28.1 9.37)	cmyk 0%, 64%, 55%, 64%
	#943c47	rgb(148, 60, 71)	hsl(350 42% 41%)	hwb(350 24% 42%)	lch(38.2 40.7 18.8)	lab(38.2 38.5 13.1)	cmyk 0%, 59%, 52%, 42%
	#cc5765	rgb(204, 87, 101)	hsl(350 53% 57%)	hwb(350 34% 20%)	lch(53 51 19)	lab(53 48.2 16.6)	cmyk 0%, 57%, 50%, 20%
	#e0827b	rgb(224, 130, 123)	hsl(4.2 62% 68%)	hwb(4.2 48% 12%)	lch(64.8 41.8 29.2)	lab(64.8 36.5 20.4)	cmyk 0%, 42%, 45%, 12%
	#f5ada1	rgb(245, 173, 161)	hsl(8.6 81% 80%)	hwb(8.6 63% 3.9%)	lch(77.5 31.3 33.6)	lab(77.5 26.1 17.3)	cmyk 0%, 29%, 34%, 4%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#5C2129

AAA - 12.31



#943C47

AAA - 7



#CC5765

AA - 4.1



#E0827B

AA - 2.74



#F5ADA1

AA - 1.84



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(33.9% 0.084 0.022), oklab(47.9% 0.115 0.031), oklab(60.9% 0.143 0.039), oklab(70.6% 0.106 0.049), oklab(81.3% 0.076 0.043))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #5C2129, #943C47, #CC5765, #E0827B, #F5ADA1)

Colors



<!-- Primary Colors -->
<color name="sangría_color_10">#5C2129</color>
<color name="sangría_color_20">#943C47</color>
<color name="sangría_color_30">#CC5765</color>
<color name="sangría_color_40">#E0827B</color>
<color name="sangría_color_50">#F5ADA1</color>

Gradient PRO

Pro feature only

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

PWA prompt