Pink Shades

#622037

#8c2e4f

#b73d67

#e14b7e

#0d0407

Actions

Explore the palette in different formats, and actions.

Colors overview

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#622037	rgb(98, 32, 55)	hsl(340 51% 25%)	hwb(340 13% 62%)	lch(23.6 32 3.17)	lab(23.6 32 1.77)	cmyk 0%, 67%, 44%, 62%
	#8c2e4f	rgb(140, 46, 79)	hsl(340 51% 36%)	hwb(340 18% 45%)	lch(34.5 42.6 3.59)	lab(34.5 42.5 2.67)	cmyk 0%, 67%, 44%, 45%
	#b73d67	rgb(183, 61, 103)	hsl(340 50% 48%)	hwb(340 24% 28%)	lch(45.2 52.4 4.4)	lab(45.2 52.3 4.02)	cmyk 0%, 67%, 44%, 28%
	#e14b7e	rgb(225, 75, 126)	hsl(340 71% 59%)	hwb(340 29% 12%)	lch(55.1 61.9 4.99)	lab(55.1 61.6 5.38)	cmyk 0%, 67%, 44%, 12%
	#0d0407	rgb(13, 4, 7)	hsl(340 53% 3.3%)	hwb(340 1.6% 95%)	lch(1.71 2.84 355)	lab(1.71 2.82 -0.241)	cmyk 0%, 69%, 46%, 95%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#622037

AAA - 11.79



#8c2e4f

AAA - 8.01



#b73d67

AA - 5.41



#e14b7e

AA - 3.81



#0d0407

AAA - 20.24



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(35.2% 0.098 0.003), oklab(45% 0.13 0.005), oklab(54.5% 0.16 0.008), oklab(63.3% 0.189 0.011), oklab(12.6% 0.021 -0.002))

Fallback colors



background: linear-gradient(45deg, #622037, #8c2e4f, #b73d67, #e14b7e, #0d0407)

Colors



<!-- Primary Colors -->
<color name="pink_shades_color_10">#622037</color>
<color name="pink_shades_color_20">#8c2e4f</color>
<color name="pink_shades_color_30">#b73d67</color>
<color name="pink_shades_color_40">#e14b7e</color>
<color name="pink_shades_color_50">#0d0407</color>

PWA prompt