Rose Quartz

#E9B6CA

#D591A8

#C16C86

#AE4764

#9B2242

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e9b6ca	rgb(233, 182, 202)	hsl(340 54% 81%)	hwb(340 71% 8.6%)	lch(79.2 21.4 353)	lab(79.2 21.3 -2.68)	cmyk 0%, 22%, 13%, 9%
	#d591a8	rgb(213, 145, 168)	hsl(340 45% 70%)	hwb(340 57% 16%)	lch(67.6 28.9 358)	lab(67.6 28.8 -1.1)	cmyk 0%, 32%, 21%, 16%
	#c16c86	rgb(193, 108, 134)	hsl(340 41% 59%)	hwb(340 42% 24%)	lch(56.1 36.8 2.07)	lab(56.1 36.8 1.33)	cmyk 0%, 44%, 31%, 24%
	#ae4764	rgb(174, 71, 100)	hsl(340 42% 48%)	hwb(340 28% 32%)	lch(45.2 45.2 7.13)	lab(45.2 44.8 5.61)	cmyk 0%, 59%, 43%, 32%
	#9b2242	rgb(155, 34, 66)	hsl(340 64% 37%)	hwb(340 13% 39%)	lch(35.5 52.5 14.3)	lab(35.5 50.8 13)	cmyk 0%, 78%, 57%, 39%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#E9B6CA

AA - 1.74



#D591A8

AA - 2.48



#C16C86

AA - 3.64



#AE4764

AA - 5.4



#9B2242

AAA - 7.77



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(82.8% 0.064 -0.008), oklab(73.1% 0.087 -0.004), oklab(63.4% 0.111 0.002), oklab(54.2% 0.136 0.013), oklab(46% 0.154 0.03))

Fallback colors



background: linear-gradient(45deg, #E9B6CA, #D591A8, #C16C86, #AE4764, #9B2242)

Colors



<!-- Primary Colors -->
<color name="rose_quartz_color_10">#E9B6CA</color>
<color name="rose_quartz_color_20">#D591A8</color>
<color name="rose_quartz_color_30">#C16C86</color>
<color name="rose_quartz_color_40">#AE4764</color>
<color name="rose_quartz_color_50">#9B2242</color>

PWA prompt