Cotton Candy

#957DAD

#E0BBE4

#FFDFD3

#FEC8D8

#D291BC

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#957dad	rgb(149, 125, 173)	hsl(270 23% 58%)	hwb(270 49% 32%)	lch(56 27.7 307)	lab(56 16.7 -22.1)	cmyk 14%, 28%, 0%, 32%
	#e0bbe4	rgb(224, 187, 228)	hsl(290 43% 81%)	hwb(290 73% 11%)	lch(80.1 24.4 321)	lab(80.1 18.9 -15.4)	cmyk 2%, 18%, 0%, 11%
	#ffdfd3	rgb(255, 223, 211)	hsl(16 100% 91%)	hwb(16 83% 0%)	lch(91.3 14.3 45.4)	lab(91.3 10 10.2)	cmyk 0%, 13%, 17%, 0%
	#fec8d8	rgb(254, 200, 216)	hsl(340 96% 89%)	hwb(340 78% 0.39%)	lch(85.8 21.5 359)	lab(85.8 21.5 -0.241)	cmyk 0%, 21%, 15%, 0%
	#d291bc	rgb(210, 145, 188)	hsl(320 42% 70%)	hwb(320 57% 18%)	lch(67.8 32.4 338)	lab(67.8 30.1 -12.1)	cmyk 0%, 31%, 10%, 18%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#957DAD

AA - 3.61



#E0BBE4

AA - 1.69



#FFDFD3

AA - 1.25



#FEC8D8

AA - 1.45



#D291BC

AA - 2.46



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(62.9% 0.046 -0.06), oklab(83.7% 0.055 -0.042), oklab(92.7% 0.029 0.026), oklab(88.5% 0.064 -0.001), oklab(73.4% 0.09 -0.033))

Fallback colors



background: linear-gradient(45deg, #957DAD, #E0BBE4, #FFDFD3, #FEC8D8, #D291BC)

Colors



<!-- Primary Colors -->
<color name="cotton_candy_color_10">#957DAD</color>
<color name="cotton_candy_color_20">#E0BBE4</color>
<color name="cotton_candy_color_30">#FFDFD3</color>
<color name="cotton_candy_color_40">#FEC8D8</color>
<color name="cotton_candy_color_50">#D291BC</color>

PWA prompt