Candy Color Palette

#87005a

#cd0088

#f249db

#9bf9e0

#fff6f2

#87005a

#cd0088

#f249db

#9bf9e0

#fff6f2

Colors overview

Pink

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#87005a	rgb(135, 0, 90)	hsl(320 100% 26%)	hwb(320 0% 47%)	lch(29.4 55.3 347)	lab(29.4 54 -12.1)	cmyk 0%, 100%, 33%, 47%
	#cd0088	rgb(205, 0, 136)	hsl(320 100% 40%)	hwb(320 0% 20%)	lch(45.7 74.7 348)	lab(45.7 73.2 -14.9)	cmyk 0%, 100%, 34%, 20%
	#f249db	rgb(242, 73, 219)	hsl(310 87% 62%)	hwb(310 29% 5.1%)	lch(60.6 85.1 332)	lab(60.6 75.2 -39.9)	cmyk 0%, 70%, 10%, 5%
	#9bf9e0	rgb(155, 249, 224)	hsl(160 89% 79%)	hwb(160 61% 2.4%)	lch(91.6 33.5 175)	lab(91.6 -33.4 2.76)	cmyk 38%, 0%, 10%, 2%
	#fff6f2	rgb(255, 246, 242)	hsl(18 100% 97%)	hwb(18 95% 0%)	lch(97.5 4.02 49.5)	lab(97.5 2.61 3.06)	cmyk 0%, 4%, 5%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#87005a

AAA - 9.64



#cd0088

AA - 5.31



#f249db

AA - 3.11



#9bf9e0

AA - 1.23



#fff6f2

AA - 1.06



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(41.2% 0.169 -0.034), oklab(56% 0.23 -0.042), oklab(69.3% 0.227 -0.111), oklab(91.6% -0.096 0.008), oklab(97.9% 0.008 0.008))

Fallback colors



background: linear-gradient(45deg, #87005a, #cd0088, #f249db, #9bf9e0, #fff6f2)

Colors



<!-- Primary Colors -->
<color name="candy_color_10">#87005a</color>
<color name="candy_color_20">#cd0088</color>
<color name="candy_color_30">#f249db</color>
<color name="candy_color_40">#9bf9e0</color>
<color name="candy_color_50">#fff6f2</color>

PWA prompt