Wine Color Gradient

 #800020

 #99253a

 #b34054

 #cc586f

 #e5718a

 #ff8aa7

Colors overview

 Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#800020	rgb(128, 0, 32)	hsl(350 100% 25%)	hwb(350 0% 50%)	lch(26.4 54 24.7)	lab(26.4 49 22.6)	cmyk 0%, 100%, 75%, 50%
	#99253a	rgb(153, 37, 58)	hsl(350 61% 37%)	hwb(350 15% 40%)	lch(35.3 52 20)	lab(35.3 48.8 17.8)	cmyk 0%, 76%, 62%, 40%
	#b34054	rgb(179, 64, 84)	hsl(350 47% 48%)	hwb(350 25% 30%)	lch(44.6 50.7 16.9)	lab(44.6 48.5 14.7)	cmyk 0%, 64%, 53%, 30%
	#cc586f	rgb(204, 88, 111)	hsl(350 53% 57%)	hwb(350 35% 20%)	lch(53.4 49.7 13)	lab(53.4 48.4 11.2)	cmyk 0%, 57%, 46%, 20%
	#e5718a	rgb(229, 113, 138)	hsl(350 69% 67%)	hwb(350 44% 10%)	lch(62.3 48.5 10.3)	lab(62.3 47.7 8.65)	cmyk 0%, 51%, 40%, 10%
	#ff8aa7	rgb(255, 138, 167)	hsl(350 100% 77%)	hwb(350 54% 0%)	lch(71.4 47.8 6.87)	lab(71.4 47.5 5.72)	cmyk 0%, 46%, 35%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#800020

AAA - 10.83



#99253a

AAA - 7.83



#b34054

AA - 5.55



#cc586f

AA - 4.04



#e5718a

AA - 2.97



#ff8aa7

AA - 2.22



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 space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(38% 0.144 0.049), oklab(45.7% 0.145 0.041), oklab(53.7% 0.145 0.034), oklab(61.3% 0.146 0.026), oklab(69% 0.144 0.02), oklab(76.9% 0.143 0.013))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #800020, #99253a, #b34054, #cc586f, #e5718a, #ff8aa7)

Colors



<resources>
    <color name="wine_100">#800020</color>
    <color name="wine_200">#99253a</color>
    <color name="wine_300">#b34054</color>
    <color name="wine_400">#cc586f</color>
    <color name="wine_500">#e5718a</color>
    <color name="wine_600">#ff8aa7</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt