Candy

#FF69B4

#FFC0CB

#FFDAB9

#FFA07A

#FF7F50

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ff69b4	rgb(255, 105, 180)	hsl(330 100% 71%)	hwb(330 41% 0%)	lch(65.9 64 351)	lab(65.9 63.3 -9.64)	cmyk 0%, 59%, 29%, 0%
	#ffc0cb	rgb(255, 192, 203)	hsl(350 100% 88%)	hwb(350 75% 0%)	lch(83.8 24.7 8.75)	lab(83.8 24.4 3.76)	cmyk 0%, 25%, 20%, 0%
	#ffdab9	rgb(255, 218, 185)	hsl(28 100% 86%)	hwb(28 73% 0%)	lch(89.6 23.5 65.4)	lab(89.6 9.78 21.3)	cmyk 0%, 15%, 27%, 0%
	#ffa07a	rgb(255, 160, 122)	hsl(17 100% 74%)	hwb(17 48% 0%)	lch(75.2 48.7 46.5)	lab(75.2 33.5 35.3)	cmyk 0%, 37%, 52%, 0%
	#ff7f50	rgb(255, 127, 80)	hsl(16 100% 66%)	hwb(16 31% 0%)	lch(68 67.9 45.7)	lab(68 47.4 48.6)	cmyk 0%, 50%, 69%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FF69B4

AA - 2.64



#FFC0CB

AA - 1.53



#FFDAB9

AA - 1.31



#FFA07A

AA - 1.98



#FF7F50

AA - 2.49



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(72.8% 0.195 -0.027), oklab(86.8% 0.073 0.009), oklab(91.1% 0.027 0.054), oklab(79.4% 0.092 0.084), oklab(73.5% 0.128 0.109))

Fallback colors



background: linear-gradient(45deg, #FF69B4, #FFC0CB, #FFDAB9, #FFA07A, #FF7F50)

Colors



<!-- Primary Colors -->
<color name="candy_color_10">#FF69B4</color>
<color name="candy_color_20">#FFC0CB</color>
<color name="candy_color_30">#FFDAB9</color>
<color name="candy_color_40">#FFA07A</color>
<color name="candy_color_50">#FF7F50</color>

PWA prompt