Wine

#6b2d5c

#f0386b

#ff5376

#f8c0c8

#e2c290

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Pink

Purple

Yellow

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#6b2d5c	rgb(107, 45, 92)	hsl(310 41% 30%)	oklab(40% 0.1 -0.04)	oklch(40% 0.11 340)	color(display-p3 0.39 0.19 0.35)
	#f0386b	rgb(240, 56, 107)	hsl(340 86% 58%)	oklab(64% 0.22 0.04)	oklch(64% 0.22 10)	color(display-p3 0.87 0.29 0.43)
	#ff5376	rgb(255, 83, 118)	hsl(350 100% 66%)	oklab(69% 0.2 0.05)	oklch(69% 0.21 13)	color(display-p3 0.93 0.38 0.47)
	#f8c0c8	rgb(248, 192, 200)	hsl(350 80% 86%)	oklab(86% 0.06 0.01)	oklch(86% 0.06 9)	color(display-p3 0.94 0.76 0.79)
	#e2c290	rgb(226, 194, 144)	hsl(37 59% 73%)	oklab(83% 0.01 0.07)	oklch(83% 0.07 79)	color(display-p3 0.87 0.77 0.59)

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

#6b2d5c

AAA - 9.74



#f0386b

AA - 3.82



#ff5376

AA - 3.11



#f8c0c8

AA - 1.57



#e2c290

AA - 1.69



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(40.1% 0.1 -0.041), oklab(63.6% 0.215 0.039), oklab(68.6% 0.202 0.045), oklab(86% 0.064 0.01), oklab(83% 0.015 0.073))

Fallback colors



background: linear-gradient(45deg, #6b2d5c, #f0386b, #ff5376, #f8c0c8, #e2c290)

Colors



<!-- Primary Colors -->
<color name="wine_color_10">#6b2d5c</color>
<color name="wine_color_20">#f0386b</color>
<color name="wine_color_30">#ff5376</color>
<color name="wine_color_40">#f8c0c8</color>
<color name="wine_color_50">#e2c290</color>

PWA prompt