Violet

#752091

#ab36cf

#c957bb

#ffc871

#ffe3b1

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#752091	rgb(117, 32, 145)	hsl(290 64% 35%)	hwb(290 13% 43%)	lch(31.1 66.3 318)	lab(31.1 49 -44.7)	cmyk 19%, 78%, 0%, 43%
	#ab36cf	rgb(171, 54, 207)	hsl(290 61% 51%)	hwb(290 21% 19%)	lch(46.3 84.7 318)	lab(46.3 63 -56.6)	cmyk 17%, 74%, 0%, 19%
	#c957bb	rgb(201, 87, 187)	hsl(310 51% 56%)	hwb(310 34% 21%)	lch(54.9 63.4 331)	lab(54.9 55.2 -31.1)	cmyk 0%, 57%, 7%, 21%
	#ffc871	rgb(255, 200, 113)	hsl(37 100% 72%)	hwb(37 44% 0%)	lch(84.3 52.5 75.5)	lab(84.3 13.2 50.8)	cmyk 0%, 22%, 56%, 0%
	#ffe3b1	rgb(255, 227, 177)	hsl(38 100% 85%)	hwb(38 69% 0%)	lch(91.7 28.6 80.6)	lab(91.7 4.68 28.2)	cmyk 0%, 11%, 31%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#752091

AAA - 8.85



#ab36cf

AA - 5.04



#c957bb

AA - 3.77



#ffc871

AA - 1.52



#ffe3b1

AA - 1.24



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(43.3% 0.13 -0.125), oklab(57.1% 0.169 -0.159), oklab(63.5% 0.166 -0.086), oklab(86.4% 0.027 0.119), oklab(92.7% 0.01 0.071))

Fallback colors



background: linear-gradient(45deg, #752091, #ab36cf, #c957bb, #ffc871, #ffe3b1)

Colors



<!-- Primary Colors -->
<color name="violet_color_10">#752091</color>
<color name="violet_color_20">#ab36cf</color>
<color name="violet_color_30">#c957bb</color>
<color name="violet_color_40">#ffc871</color>
<color name="violet_color_50">#ffe3b1</color>

PWA prompt