#39162d

#c9c0c6

#e0313c

#7f1c39

#947c8c

Wine

#39162d

#c9c0c6

#e0313c

#7f1c39

#947c8c



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Red

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#39162d	rgb(57, 22, 45)	hsl(320 44% 15%)	hwb(320 8.6% 78%)	lch(13.5 21.4 341)	lab(13.5 20.2 -7.1)	cmyk 0%, 61%, 21%, 78%
	#c9c0c6	rgb(201, 192, 198)	hsl(320 7.7% 77%)	hwb(320 75% 21%)	lch(78.6 4.46 336)	lab(78.6 4.07 -1.84)	cmyk 0%, 4%, 1%, 21%
	#e0313c	rgb(224, 49, 60)	hsl(360 74% 54%)	hwb(360 19% 12%)	lch(50.8 77.2 30.3)	lab(50.8 66.6 38.9)	cmyk 0%, 78%, 73%, 12%
	#7f1c39	rgb(127, 28, 57)	hsl(340 64% 30%)	hwb(340 11% 50%)	lch(28.9 44.5 11.5)	lab(28.9 43.6 8.83)	cmyk 0%, 78%, 55%, 50%
	#947c8c	rgb(148, 124, 140)	hsl(320 10% 53%)	hwb(320 49% 42%)	lch(54.7 12.7 337)	lab(54.7 11.7 -5.07)	cmyk 0%, 16%, 5%, 42%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#39162d

AAA - 15.82



#c9c0c6

AA - 1.77



#e0313c

AA - 4.49



#7f1c39

AAA - 9.87



#947c8c

AA - 3.8



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(26.2% 0.062 -0.02), oklab(81.7% 0.012 -0.005), oklab(59.4% 0.192 0.084), oklab(40.1% 0.133 0.02), oklab(61.4% 0.035 -0.014))

Fallback colors



background: linear-gradient(45deg, #39162d, #c9c0c6, #e0313c, #7f1c39, #947c8c)

Colors



<!-- Primary Colors -->
<color name="wine_color_10">#39162d</color>
<color name="wine_color_20">#c9c0c6</color>
<color name="wine_color_30">#e0313c</color>
<color name="wine_color_40">#7f1c39</color>
<color name="wine_color_50">#947c8c</color>

PWA prompt