#6b2d5c

#f0386b

#ff5376

#f8c0c8

#e2c290

Wine

#6b2d5c

#f0386b

#ff5376

#f8c0c8

#e2c290



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

Pink

Purple

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#6b2d5c	rgb(107, 45, 92)	hsl(310 41% 30%)	hwb(310 18% 58%)	lch(28.9 36.1 336)	lab(28.9 32.9 -14.8)	cmyk 0%, 58%, 14%, 58%
	#f0386b	rgb(240, 56, 107)	hsl(340 86% 58%)	hwb(340 22% 5.9%)	lch(55.2 73.1 13.7)	lab(55.2 71 17.3)	cmyk 0%, 77%, 55%, 6%
	#ff5376	rgb(255, 83, 118)	hsl(350 100% 66%)	hwb(350 33% 0%)	lch(61.3 70.2 16.1)	lab(61.3 67.4 19.5)	cmyk 0%, 67%, 54%, 0%
	#f8c0c8	rgb(248, 192, 200)	hsl(350 80% 86%)	hwb(350 75% 2.7%)	lch(83 21.9 10.8)	lab(83 21.5 4.13)	cmyk 0%, 23%, 19%, 3%
	#e2c290	rgb(226, 194, 144)	hsl(37 59% 73%)	hwb(37 56% 11%)	lch(80.3 30.4 77.4)	lab(80.3 6.64 29.6)	cmyk 0%, 14%, 36%, 11%

 Click a color format to copy 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