Bubble Gum

Palette information

Purple

Cyan

Black

Grey

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#071e54	rgb(7, 30, 84)	hsl(222, 85%, 18%)	hwb(222 3% 67%)	hsv 222°, 92%, 33%	cmyk 92%, 64%, 0%, 67%	Pantone 281C
#00c0fb	rgb(0, 192, 251)	hsl(194, 100%, 49%)	hwb(194 0% 2%)	hsv 194°, 100%, 98%	cmyk 100%, 24%, 0%, 2%	Pantone 298C
#6301da	rgb(99, 1, 218)	hsl(267, 99%, 43%)	hwb(267 0% 15%)	hsv 267°, 100%, 85%	cmyk 55%, 100%, 0%, 15%	Pantone 2736C
#bdc3c8	rgb(189, 195, 200)	hsl(207, 9%, 76%)	hwb(207 74% 22%)	hsv 207°, 6%, 78%	cmyk 5%, 3%, 0%, 22%	Pantone 428C
#dde6e8	rgb(221, 230, 232)	hsl(191, 19%, 89%)	hwb(191 87% 9%)	hsv 191°, 5%, 91%	cmyk 5%, 1%, 0%, 9%	Pantone 649C

Click a color format to copy to your clipboard.

White background Black background

#071e54

15.9

#00c0fb

2.1

#6301da

8.2

#00c0fb

1.8

#00c0fb

1.3

Color blindness filter

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

Android color codes


                <color name="Bubble Gum_1">#071e54</color>


                <color name="Bubble Gum_2">#00c0fb</color>


                <color name="Bubble Gum_3">#6301da</color>


                <color name="Bubble Gum_4">#BDC3C8</color>


                <color name="Bubble Gum_5">#DDE6E8</color>

Flutter color codes


                const Bubble Gum1 = Color(0xFF071e54);


                const Bubble Gum2 = Color(0xFF00c0fb);


                const Bubble Gum3 = Color(0xFF6301da);


                const Bubble Gum4 = Color(0xFFBDC3C8);


                const Bubble Gum5 = Color(0xFFDDE6E8);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator