Cupcake

Palette information

Pink

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ffbfdd	rgb(255, 191, 221)	hsl(332, 100%, 87%)	hwb(332 75% 0%)	hsv 332°, 25%, 100%	cmyk 0%, 25%, 13%, 0%	Pantone 1895C
#ffb3d0	rgb(255, 179, 208)	hsl(337, 100%, 85%)	hwb(337 70% 0%)	hsv 337°, 30%, 100%	cmyk 0%, 30%, 18%, 0%	Pantone 1895C
#ff8ac4	rgb(255, 138, 196)	hsl(330, 100%, 77%)	hwb(330 54% 0%)	hsv 330°, 46%, 100%	cmyk 0%, 46%, 23%, 0%	Pantone 211C
#ff69b4	rgb(255, 105, 180)	hsl(330, 100%, 71%)	hwb(330 41% 0%)	hsv 330°, 59%, 100%	cmyk 0%, 59%, 29%, 0%	Pantone 812C
#f752aa	rgb(247, 82, 170)	hsl(328, 91%, 65%)	hwb(328 32% 3%)	hsv 328°, 67%, 97%	cmyk 0%, 67%, 31%, 3%	Pantone 212C

Click a color format to copy to your clipboard.

White background Black background

#ffbfdd

1.5

#ffb3d0

1.7

#ff8ac4

2.2

#ffb3d0

2.6

#ffb3d0

3.1

Color blindness filter

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

Android color codes


                <color name="Cupcake_1">#ffbfdd</color>


                <color name="Cupcake_2">#ffb3d0</color>


                <color name="Cupcake_3">#ff8ac4</color>


                <color name="Cupcake_4">#FF69B4</color>


                <color name="Cupcake_5">#f752aa</color>

Flutter color codes


                const Cupcake1 = Color(0xFFffbfdd);


                const Cupcake2 = Color(0xFFffb3d0);


                const Cupcake3 = Color(0xFFff8ac4);


                const Cupcake4 = Color(0xFFFF69B4);


                const Cupcake5 = Color(0xFFf752aa);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator