Blush

#CC9999

#E6B8B8

#FFD1D1

#FFE6E6

Actions

Explore the palette in different formats, and actions.

Colors overview

Pink

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#cc9999	rgb(204, 153, 153)	hsl(0 33% 70%)	oklab(73% 0.06 0.02)	oklch(73% 0.06 19)	color(display-p3 0.77 0.61 0.6)
	#e6b8b8	rgb(230, 184, 184)	hsl(0 48% 81%)	oklab(82% 0.05 0.02)	oklch(82% 0.05 18)	color(display-p3 0.87 0.73 0.73)
	#ffd1d1	rgb(255, 209, 209)	hsl(0 100% 91%)	oklab(90% 0.05 0.02)	oklch(90% 0.05 18)	color(display-p3 0.97 0.83 0.82)
	#ffe6e6	rgb(255, 230, 230)	hsl(0 100% 95%)	oklab(95% 0.03 0.01)	oklch(95% 0.03 18)	color(display-p3 0.98 0.91 0.9)

 Click on a color value to copy it 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