Blush

#CC9999

#E6B8B8

#FFD1D1

#FFE6E6

Actions

Explore the palette in different formats, and actions.

Colors overview

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#cc9999	rgb(204, 153, 153)	hsl(0 33% 70%)	hwb(0 60% 20%)	lch(68.2 21.2 21.8)	lab(68.2 19.7 7.84)	cmyk 0%, 25%, 25%, 20%
	#e6b8b8	rgb(230, 184, 184)	hsl(0 48% 81%)	hwb(0 72% 9.8%)	lch(79 18.3 21.2)	lab(79 17.1 6.65)	cmyk 0%, 20%, 20%, 10%
	#ffd1d1	rgb(255, 209, 209)	hsl(0 100% 91%)	hwb(0 82% 0%)	lch(87.9 17.9 21.1)	lab(87.9 16.7 6.42)	cmyk 0%, 18%, 18%, 0%
	#ffe6e6	rgb(255, 230, 230)	hsl(0 100% 95%)	hwb(0 90% 0%)	lch(93.4 9.41 20.4)	lab(93.4 8.83 3.28)	cmyk 0%, 10%, 10%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#CC9999

AA - 2.44



#E6B8B8

AA - 1.76



#FFD1D1

AA - 1.37



#FFE6E6

AA - 1.18



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(73.1% 0.058 0.02), oklab(82.3% 0.051 0.017), oklab(90% 0.049 0.016), oklab(94.5% 0.026 0.008))

Fallback colors



background: linear-gradient(45deg, #CC9999, #E6B8B8, #FFD1D1, #FFE6E6)

Colors



<!-- Primary Colors -->
<color name="blush_color_10">#CC9999</color>
<color name="blush_color_20">#E6B8B8</color>
<color name="blush_color_30">#FFD1D1</color>
<color name="blush_color_40">#FFE6E6</color>

PWA prompt