Women's

#7c30ed

#8257f5

#a987ff

#c700b9

#aa00d7

Actions

Explore the palette in different formats, and actions.

Colors overview

Pink

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#7c30ed	rgb(124, 48, 237)	hsl(260 84% 56%)	hwb(260 19% 7.1%)	lch(40.8 103 306)	lab(40.8 60.9 -83)	cmyk 48%, 80%, 0%, 7%
	#8257f5	rgb(130, 87, 245)	hsl(260 89% 65%)	hwb(260 34% 3.9%)	lch(48.7 87.7 302)	lab(48.7 46.2 -74.6)	cmyk 47%, 64%, 0%, 4%
	#a987ff	rgb(169, 135, 255)	hsl(260 100% 76%)	hwb(260 53% 0%)	lch(63.6 64.9 300)	lab(63.6 32.9 -56)	cmyk 34%, 47%, 0%, 0%
	#c700b9	rgb(199, 0, 185)	hsl(300 100% 39%)	hwb(300 0% 22%)	lch(46.5 87.5 330)	lab(46.5 76.2 -43.1)	cmyk 0%, 100%, 7%, 22%
	#aa00d7	rgb(170, 0, 215)	hsl(290 100% 42%)	hwb(290 0% 16%)	lch(42.9 100 318)	lab(42.9 74.4 -66.7)	cmyk 21%, 100%, 0%, 16%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#7c30ed

AA - 5.99



#8257f5

AA - 4.53



#a987ff

AA - 2.76



#c700b9

AA - 5.08



#aa00d7

AA - 5.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(53.2% 0.103 -0.234), oklab(58.9% 0.078 -0.21), oklab(70.7% 0.072 -0.156), oklab(57.4% 0.229 -0.12), oklab(54.9% 0.193 -0.187))

Fallback colors



background: linear-gradient(45deg, #7c30ed, #8257f5, #a987ff, #c700b9, #aa00d7)

Colors



<!-- Primary Colors -->
<color name="women's_color_10">#7c30ed</color>
<color name="women's_color_20">#8257f5</color>
<color name="women's_color_30">#a987ff</color>
<color name="women's_color_40">#c700b9</color>
<color name="women's_color_50">#aa00d7</color>

PWA prompt