Sugared

Palette information

Pink

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#e51081	rgb(229, 16, 129)	hsl(328, 87%, 48%)	hwb(328 6% 10%)	hsv 328°, 93%, 90%	cmyk 0%, 93%, 44%, 10%	Pantone 213C
#ff5c95	rgb(255, 92, 149)	hsl(339, 100%, 68%)	hwb(339 36% 0%)	hsv 339°, 64%, 100%	cmyk 0%, 64%, 42%, 0%	Pantone 812C
#ffd375	rgb(255, 211, 117)	hsl(41, 100%, 73%)	hwb(41 46% 0%)	hsv 41°, 54%, 100%	cmyk 0%, 17%, 54%, 0%	Pantone 134C
#ffecc2	rgb(255, 236, 194)	hsl(41, 100%, 88%)	hwb(41 76% 0%)	hsv 41°, 24%, 100%	cmyk 0%, 7%, 24%, 0%	Pantone 155C
#fff9eb	rgb(255, 249, 235)	hsl(42, 100%, 96%)	hwb(42 92% 0%)	hsv 42°, 8%, 100%	cmyk 0%, 2%, 8%, 0%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#e51081

4.4

#ff5c95

2.9

#ffd375

1.4

#ff5c95

1.2

#ff5c95

1.0

Color blindness filter

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

Android color codes


                <color name="Sugared_1">#e51081</color>


                <color name="Sugared_2">#ff5c95</color>


                <color name="Sugared_3">#ffd375</color>


                <color name="Sugared_4">#ffecc2</color>


                <color name="Sugared_5">#fff9eb</color>

Flutter color codes


                const Sugared1 = Color(0xFFe51081);


                const Sugared2 = Color(0xFFff5c95);


                const Sugared3 = Color(0xFFffd375);


                const Sugared4 = Color(0xFFffecc2);


                const Sugared5 = Color(0xFFfff9eb);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator