Strawberry

#ffe6ef

#fcc5e3

#f799c1

#ce6892

#70162d

#ffe6ef

#fcc5e3

#f799c1

#ce6892

#70162d

Colors overview

Pink

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffe6ef	rgb(255, 230, 239)	hsl(340 100% 95%)	hwb(340 90% 0%)	lch(93.5 9.99 354)	lab(93.5 9.93 -1.11)	cmyk 0%, 10%, 6%, 0%
	#fcc5e3	rgb(252, 197, 227)	hsl(330 90% 88%)	hwb(330 77% 1.2%)	lch(85.2 24.6 343)	lab(85.2 23.6 -7.03)	cmyk 0%, 22%, 10%, 1%
	#f799c1	rgb(247, 153, 193)	hsl(330 85% 78%)	hwb(330 60% 3.1%)	lch(74 40.2 353)	lab(74 39.8 -5.04)	cmyk 0%, 38%, 22%, 3%
	#ce6892	rgb(206, 104, 146)	hsl(340 51% 61%)	hwb(340 41% 19%)	lch(57.5 44.7 356)	lab(57.5 44.6 -3.48)	cmyk 0%, 50%, 29%, 19%
	#70162d	rgb(112, 22, 45)	hsl(340 67% 26%)	hwb(340 8.6% 56%)	lch(24.8 41.5 15)	lab(24.8 40.1 10.7)	cmyk 0%, 80%, 60%, 56%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ffe6ef

AA - 1.17



#fcc5e3

AA - 1.47



#f799c1

AA - 2.04



#ce6892

AA - 3.48



#70162d

AAA - 11.4



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(94.8% 0.029 -0.003), oklab(88.1% 0.071 -0.019), oklab(79% 0.121 -0.014), oklab(64.9% 0.136 -0.011), oklab(36.4% 0.121 0.025))

Fallback colors New



background: linear-gradient(45deg, #ffe6ef, #fcc5e3, #f799c1, #ce6892, #70162d)

Colors



<resources>
    <color name="strawberry_100">#ffe6ef</color>
    <color name="strawberry_200">#fcc5e3</color>
    <color name="strawberry_300">#f799c1</color>
    <color name="strawberry_400">#ce6892</color>
    <color name="strawberry_500">#70162d</color>
</resources>

PWA prompt