Pink Danio

#e20248

#fe79c8

#fdb7f3

#fcd47d

#cd87a1

Actions

Explore the palette in different formats, and actions.

Colors overview

Pink

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e20248	rgb(226, 2, 72)	hsl(340 98% 45%)	hwb(340 0.78% 11%)	lch(48.7 80.3 21.6)	lab(48.7 74.7 29.5)	cmyk 0%, 99%, 68%, 11%
	#fe79c8	rgb(254, 121, 200)	hsl(320 99% 74%)	hwb(320 47% 0.39%)	lch(68.9 60.2 344)	lab(68.9 58 -16.3)	cmyk 0%, 52%, 21%, 0%
	#fdb7f3	rgb(253, 183, 243)	hsl(310 95% 85%)	hwb(310 72% 0.78%)	lch(82.5 38.3 329)	lab(82.5 33 -19.5)	cmyk 0%, 28%, 4%, 1%
	#fcd47d	rgb(252, 212, 125)	hsl(41 95% 74%)	hwb(41 49% 1.2%)	lch(87 48.7 82)	lab(87 6.78 48.2)	cmyk 0%, 16%, 50%, 1%
	#cd87a1	rgb(205, 135, 161)	hsl(340 41% 67%)	hwb(340 53% 20%)	lch(64.3 30.3 356)	lab(64.3 30.2 -2.21)	cmyk 0%, 34%, 21%, 20%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#e20248

AA - 4.84



#fe79c8

AA - 2.39



#fdb7f3

AA - 1.58



#fcd47d

AA - 1.41



#cd87a1

AA - 2.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(58% 0.222 0.065), oklab(75.4% 0.178 -0.045), oklab(86.3% 0.098 -0.053), oklab(88.6% 0.009 0.115), oklab(70.2% 0.091 -0.007))

Fallback colors



background: linear-gradient(45deg, #e20248, #fe79c8, #fdb7f3, #fcd47d, #cd87a1)

Colors



<!-- Primary Colors -->
<color name="pink_danio_color_10">#e20248</color>
<color name="pink_danio_color_20">#fe79c8</color>
<color name="pink_danio_color_30">#fdb7f3</color>
<color name="pink_danio_color_40">#fcd47d</color>
<color name="pink_danio_color_50">#cd87a1</color>

PWA prompt