Generative

#e3a3ff

#edc4ff

#e9e6ff

#c0b5ff

#a899ff

#e3a3ff

#edc4ff

#e9e6ff

#c0b5ff

#a899ff

Colors overview

Pink

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e3a3ff	rgb(227, 163, 255)	hsl(280 100% 82%)	hwb(280 64% 0%)	lch(75.7 51.3 315)	lab(75.7 36.1 -36.5)	cmyk 11%, 36%, 0%, 0%
	#edc4ff	rgb(237, 196, 255)	hsl(280 100% 88%)	hwb(280 77% 0%)	lch(84.2 32.6 314)	lab(84.2 22.7 -23.5)	cmyk 7%, 23%, 0%, 0%
	#e9e6ff	rgb(233, 230, 255)	hsl(250 100% 95%)	hwb(250 90% 0%)	lch(92.1 12.6 291)	lab(92.1 4.51 -11.8)	cmyk 9%, 10%, 0%, 0%
	#c0b5ff	rgb(192, 181, 255)	hsl(250 100% 85%)	hwb(250 71% 0%)	lch(76.6 38.7 294)	lab(76.6 15.6 -35.4)	cmyk 25%, 29%, 0%, 0%
	#a899ff	rgb(168, 153, 255)	hsl(250 100% 80%)	hwb(250 60% 0%)	lch(67.7 54.5 295)	lab(67.7 23 -49.4)	cmyk 34%, 40%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#e3a3ff

AA - 1.91



#edc4ff

AA - 1.5



#e9e6ff

AA - 1.21



#c0b5ff

AA - 1.85



#a899ff

AA - 2.42



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(80.8% 0.101 -0.1), oklab(87.5% 0.065 -0.064), oklab(93.5% 0.012 -0.031), oklab(80.9% 0.037 -0.097), oklab(73.7% 0.047 -0.137))

Fallback colors New



background: linear-gradient(45deg, #e3a3ff, #edc4ff, #e9e6ff, #c0b5ff, #a899ff)

Colors



<resources>
    <color name="generative_100">#e3a3ff</color>
    <color name="generative_200">#edc4ff</color>
    <color name="generative_300">#e9e6ff</color>
    <color name="generative_400">#c0b5ff</color>
    <color name="generative_500">#a899ff</color>
</resources>

PWA prompt