Drink

Palette information

Brown

Grey

Orange

White

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#372823	rgb(55, 40, 35)	hsl(15, 22%, 18%)	hwb(15 14% 78%)	hsv 15°, 36%, 22%	cmyk 0%, 27%, 36%, 78%	Pantone 440C
#a3b6bc	rgb(163, 182, 188)	hsl(194, 16%, 69%)	hwb(194 64% 26%)	hsv 194°, 13%, 74%	cmyk 13%, 3%, 0%, 26%	Pantone 5435C
#fffbff	rgb(255, 251, 255)	hsl(300, 100%, 99%)	hwb(300 98% 0%)	hsv 300°, 2%, 100%	cmyk 0%, 2%, 0%, 0%	Pantone 663C
#fde3c8	rgb(253, 227, 200)	hsl(31, 93%, 89%)	hwb(31 78% 1%)	hsv 31°, 21%, 99%	cmyk 0%, 10%, 21%, 1%	Pantone 475C
#f0913d	rgb(240, 145, 61)	hsl(28, 86%, 59%)	hwb(28 24% 6%)	hsv 28°, 75%, 94%	cmyk 0%, 40%, 75%, 6%	Pantone 715C

Click a color format to copy to your clipboard.

White background Black background

#372823

14.1

#a3b6bc

2.1

#fffbff

1.0

#a3b6bc

1.2

#a3b6bc

2.4

Color blindness filter

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

Android color codes


                <color name="Drink_1">#372823</color>


                <color name="Drink_2">#a3b6bc</color>


                <color name="Drink_3">#fffbff</color>


                <color name="Drink_4">#fde3c8</color>


                <color name="Drink_5">#f0913d</color>

Flutter color codes


                const Drink1 = Color(0xFF372823);


                const Drink2 = Color(0xFFa3b6bc);


                const Drink3 = Color(0xFFfffbff);


                const Drink4 = Color(0xFFfde3c8);


                const Drink5 = Color(0xFFf0913d);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator