Fuchsia Shades

#540c45

#7f1168

#a9178b

#d41dad

#fe23d0

#540c45

#7f1168

#a9178b

#d41dad

#fe23d0

Colors overview

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#540c45	rgb(84, 12, 69)	hsl(310 75% 19%)	hwb(310 4.7% 67%)	lch(18.4 40 336)	lab(18.4 36.6 -16.1)	cmyk 0%, 86%, 18%, 67%
	#7f1168	rgb(127, 17, 104)	hsl(310 76% 28%)	hwb(310 6.7% 50%)	lch(29.3 54.9 337)	lab(29.3 50.4 -21.6)	cmyk 0%, 87%, 18%, 50%
	#a9178b	rgb(169, 23, 139)	hsl(310 76% 38%)	hwb(310 9% 34%)	lch(39.6 68.3 337)	lab(39.6 62.7 -26.9)	cmyk 0%, 86%, 18%, 34%
	#d41dad	rgb(212, 29, 173)	hsl(310 76% 47%)	hwb(310 11% 17%)	lch(49.6 80.8 337)	lab(49.6 74.6 -31.1)	cmyk 0%, 86%, 18%, 17%
	#fe23d0	rgb(254, 35, 208)	hsl(310 99% 57%)	hwb(310 14% 0.39%)	lch(59 93 337)	lab(59 85.8 -35.9)	cmyk 0%, 86%, 18%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#540c45

AAA - 13.85



#7f1168

AAA - 9.62



#a9178b

AA - 6.59



#d41dad

AA - 4.58



#fe23d0

AA - 3.29



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(31.2% 0.112 -0.045), oklab(41.2% 0.155 -0.06), oklab(50.6% 0.193 -0.075), oklab(59.6% 0.23 -0.086), oklab(68.3% 0.265 -0.1))

Fallback colors New



background: linear-gradient(45deg, #540c45, #7f1168, #a9178b, #d41dad, #fe23d0)

Colors



<resources>
    <color name="fuchsia_shades_100">#540c45</color>
    <color name="fuchsia_shades_200">#7f1168</color>
    <color name="fuchsia_shades_300">#a9178b</color>
    <color name="fuchsia_shades_400">#d41dad</color>
    <color name="fuchsia_shades_500">#fe23d0</color>
</resources>

PWA prompt