Blush

#a66b86

#c39bae

#d6bbc8

#86a66b

#6b86a6

Actions

Explore the palette in different formats, and actions.

Colors overview

Pink

Green

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#a66b86	rgb(166, 107, 134)	hsl(330 25% 54%)	hwb(330 42% 35%)	lch(52.4 27.5 350)	lab(52.4 27.1 -4.68)	cmyk 0%, 36%, 19%, 35%
	#c39bae	rgb(195, 155, 174)	hsl(330 25% 69%)	hwb(330 61% 24%)	lch(68.2 18.1 347)	lab(68.2 17.6 -3.95)	cmyk 0%, 21%, 11%, 24%
	#d6bbc8	rgb(214, 187, 200)	hsl(330 25% 79%)	hwb(330 73% 16%)	lch(78.5 11.9 346)	lab(78.5 11.6 -2.84)	cmyk 0%, 13%, 7%, 16%
	#86a66b	rgb(134, 166, 107)	hsl(93 25% 54%)	hwb(93 42% 35%)	lch(64.6 33.2 126)	lab(64.6 -19.5 26.8)	cmyk 19%, 0%, 36%, 35%
	#6b86a6	rgb(107, 134, 166)	hsl(210 25% 54%)	hwb(210 42% 35%)	lch(54.7 20.8 259)	lab(54.7 -3.83 -20.4)	cmyk 36%, 19%, 0%, 35%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#a66b86

AA - 4.14



#c39bae

AA - 2.43



#d6bbc8

AA - 1.77



#86a66b

AA - 2.73



#6b86a6

AA - 3.75



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(59.9% 0.082 -0.013), oklab(73.2% 0.053 -0.011), oklab(81.9% 0.034 -0.008), oklab(68.6% -0.06 0.067), oklab(61.1% -0.017 -0.055))

Fallback colors



background: linear-gradient(45deg, #a66b86, #c39bae, #d6bbc8, #86a66b, #6b86a6)

Colors



<!-- Primary Colors -->
<color name="blush_color_10">#a66b86</color>
<color name="blush_color_20">#c39bae</color>
<color name="blush_color_30">#d6bbc8</color>
<color name="blush_color_40">#86a66b</color>
<color name="blush_color_50">#6b86a6</color>

PWA prompt