Berry

#d534b7

#e273ce

#f8ddf3

#d534b7

#e273ce

#f8ddf3

Colors overview

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#d534b7	rgb(213, 52, 183)	hsl(310 66% 52%)	hwb(310 20% 16%)	lch(52 78 335)	lab(52 70.6 -33.2)	cmyk 0%, 76%, 14%, 16%
	#e273ce	rgb(226, 115, 206)	hsl(310 66% 67%)	hwb(310 45% 11%)	lch(64.1 59.3 332)	lab(64.1 52.5 -27.4)	cmyk 0%, 49%, 9%, 11%
	#f8ddf3	rgb(248, 221, 243)	hsl(310 66% 92%)	hwb(310 87% 2.7%)	lch(90.8 14.3 330)	lab(90.8 12.4 -7.19)	cmyk 0%, 11%, 2%, 3%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#d534b7

AA - 4.19



#e273ce

AA - 2.77



#f8ddf3

AA - 1.26



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(61.6% 0.216 -0.092), oklab(71.3% 0.158 -0.075), oklab(92.6% 0.037 -0.019))

Fallback colors New



background: linear-gradient(45deg, #d534b7, #e273ce, #f8ddf3)

Colors



<resources>
    <color name="berry_100">#d534b7</color>
    <color name="berry_200">#e273ce</color>
    <color name="berry_300">#f8ddf3</color>
</resources>

PWA prompt