Sweet

Palette information

Pink

Yellow

White

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ff4da6	rgb(255, 77, 166)	hsl(330, 100%, 65%)	hwb(330 30% 0%)	hsv 330°, 70%, 100%	cmyk 0%, 70%, 35%, 0%	Pantone 212C
#ffbdde	rgb(255, 189, 222)	hsl(330, 100%, 87%)	hwb(330 74% 0%)	hsv 330°, 26%, 100%	cmyk 0%, 26%, 13%, 0%	Pantone 1895C
#ffd6eb	rgb(255, 214, 235)	hsl(329, 100%, 92%)	hwb(329 84% 0%)	hsv 329°, 16%, 100%	cmyk 0%, 16%, 8%, 0%	Pantone 517C
#fff0b3	rgb(255, 240, 179)	hsl(48, 100%, 85%)	hwb(48 70% 0%)	hsv 48°, 30%, 100%	cmyk 0%, 6%, 30%, 0%	Pantone 607C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#ff4da6

3.1

#ffbdde

1.5

#ffd6eb

1.3

#ffbdde

1.1

#ffbdde

1.0

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Android color codes


                <color name="Sweet_1">#ff4da6</color>


                <color name="Sweet_2">#ffbdde</color>


                <color name="Sweet_3">#ffd6eb</color>


                <color name="Sweet_4">#fff0b3</color>


                <color name="Sweet_5">#ffffff</color>

Flutter color codes


                const Sweet1 = Color(0xFFff4da6);


                const Sweet2 = Color(0xFFffbdde);


                const Sweet3 = Color(0xFFffd6eb);


                const Sweet4 = Color(0xFFfff0b3);


                const Sweet5 = Color(0xFFffffff);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator