Heart Pink Color Palette

#ed20ed

#f565f1

#fb90f6

#feb7f9

#ffdbfc

#ed20ed

#f565f1

#fb90f6

#feb7f9

#ffdbfc

Colors overview

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ed20ed	rgb(237, 32, 237)	hsl(300 85% 53%)	hwb(300 13% 7.1%)	lch(57.1 102 327)	lab(57.1 85.6 -55.6)	cmyk 0%, 86%, 0%, 7%
	#f565f1	rgb(245, 101, 241)	hsl(300 88% 68%)	hwb(300 40% 3.9%)	lch(65.7 81.4 327)	lab(65.7 68.3 -44.1)	cmyk 0%, 59%, 2%, 4%
	#fb90f6	rgb(251, 144, 246)	hsl(300 93% 77%)	hwb(300 56% 1.6%)	lch(74.2 61.7 327)	lab(74.2 51.8 -33.7)	cmyk 0%, 43%, 2%, 2%
	#feb7f9	rgb(254, 183, 249)	hsl(300 97% 86%)	hwb(300 72% 0.39%)	lch(82.8 40.7 327)	lab(82.8 34.1 -22.2)	cmyk 0%, 28%, 2%, 0%
	#ffdbfc	rgb(255, 219, 252)	hsl(310 100% 93%)	hwb(310 86% 0%)	lch(91.2 20.4 326)	lab(91.2 17 -11.3)	cmyk 0%, 14%, 1%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ed20ed

AA - 3.48



#f565f1

AA - 2.62



#fb90f6

AA - 2.01



#feb7f9

AA - 1.57



#ffdbfc

AA - 1.25



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(67.1% 0.251 -0.155), oklab(73.6% 0.202 -0.122), oklab(80% 0.153 -0.093), oklab(86.6% 0.101 -0.061), oklab(93.1% 0.05 -0.03))

Fallback colors



background: linear-gradient(45deg, #ed20ed, #f565f1, #fb90f6, #feb7f9, #ffdbfc)

Colors



<!-- Primary Colors -->
<color name="heart_pink_color_10">#ed20ed</color>
<color name="heart_pink_color_20">#f565f1</color>
<color name="heart_pink_color_30">#fb90f6</color>
<color name="heart_pink_color_40">#feb7f9</color>
<color name="heart_pink_color_50">#ffdbfc</color>

PWA prompt