Donut

Palette information

Blue

Pink

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#011c27	rgb(1, 28, 39)	hsl(197, 95%, 8%)	hwb(197 0% 85%)	hsv 197°, 97%, 15%	cmyk 97%, 28%, 0%, 85%	Pantone 5395C
#03254e	rgb(3, 37, 78)	hsl(213, 93%, 16%)	hwb(213 1% 69%)	hsv 213°, 96%, 31%	cmyk 96%, 53%, 0%, 69%	Pantone 295C
#545677	rgb(84, 86, 119)	hsl(237, 17%, 40%)	hwb(237 33% 53%)	hsv 237°, 29%, 47%	cmyk 29%, 28%, 0%, 53%	Pantone 5275C
#eb9fef	rgb(235, 159, 239)	hsl(297, 71%, 78%)	hwb(297 62% 6%)	hsv 297°, 33%, 94%	cmyk 2%, 33%, 0%, 6%	Pantone 251C
#fecee9	rgb(254, 206, 233)	hsl(326, 96%, 90%)	hwb(326 81% 0%)	hsv 326°, 19%, 100%	cmyk 0%, 19%, 8%, 0%	Pantone 517C

Click a color format to copy to your clipboard.

White background Black background

#011c27

17.5

#03254e

15.2

#545677

7.1

#03254e

2.0

#03254e

1.4

Color blindness filter

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

Android color codes


                <color name="Donut_1">#011c27</color>


                <color name="Donut_2">#03254e</color>


                <color name="Donut_3">#545677</color>


                <color name="Donut_4">#eb9fef</color>


                <color name="Donut_5">#fecee9</color>

Flutter color codes


                const Donut1 = Color(0xFF011c27);


                const Donut2 = Color(0xFF03254e);


                const Donut3 = Color(0xFF545677);


                const Donut4 = Color(0xFFeb9fef);


                const Donut5 = Color(0xFFfecee9);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator