Wine

#39162d

#c9c0c6

#e0313c

#7f1c39

#947c8c

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Purple

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#39162d	rgb(57, 22, 45)	hsl(320 44% 15%)	oklab(26% 0.06 -0.02)	oklch(26% 0.06 340)	color(display-p3 0.21 0.09 0.17)
	#c9c0c6	rgb(201, 192, 198)	hsl(320 7.7% 77%)	oklab(82% 0.01 0)	oklch(82% 0.01 340)	color(display-p3 0.78 0.75 0.78)
	#e0313c	rgb(224, 49, 60)	hsl(360 74% 54%)	oklab(59% 0.19 0.08)	oklch(59% 0.21 24)	color(display-p3 0.81 0.26 0.26)
	#7f1c39	rgb(127, 28, 57)	hsl(340 64% 30%)	oklab(40% 0.13 0.02)	oklch(40% 0.13 8.6)	color(display-p3 0.46 0.14 0.23)
	#947c8c	rgb(148, 124, 140)	hsl(320 10% 53%)	oklab(61% 0.03 -0.01)	oklch(61% 0.04 340)	color(display-p3 0.57 0.49 0.55)

 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.

#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