Sweet Color Palette

#ff3864

#fcbad3

#400329

#ff3864

#fcbad3

#400329

Colors overview

 Red

 Pink

 Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ff3864	rgb(255, 56, 100)	hsl(350 100% 61%)	hwb(350 22% 0%)	lch(57.9 79.1 18.9)	lab(57.9 74.8 25.6)	cmyk 0%, 78%, 61%, 0%
	#fcbad3	rgb(252, 186, 211)	hsl(340 92% 86%)	hwb(340 73% 1.2%)	lch(82.3 27.4 354)	lab(82.3 27.2 -2.73)	cmyk 0%, 26%, 16%, 1%
	#400329	rgb(64, 3, 41)	hsl(320 91% 13%)	hwb(320 1.2% 75%)	lch(11.6 31.7 347)	lab(11.6 30.9 -6.93)	cmyk 0%, 95%, 36%, 75%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ff3864

AA - 3.49



#fcbad3

AA - 1.6



#400329

AAA - 16.62



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(65.9% 0.224 0.058), oklab(85.6% 0.082 -0.008), oklab(24.9% 0.097 -0.019))

Fallback colors New



background: linear-gradient(45deg, #ff3864, #fcbad3, #400329)

Colors



<resources>
    <color name="sweet_100">#ff3864</color>
    <color name="sweet_200">#fcbad3</color>
    <color name="sweet_300">#400329</color>
</resources>

PWA prompt