Giraffe

Palette information

Yellow

Brown

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ead084	rgb(234, 208, 132)	hsl(45, 71%, 72%)	hwb(45 52% 8%)	hsv 45°, 44%, 92%	cmyk 0%, 11%, 44%, 8%	Pantone 1205C
#a5632b	rgb(165, 99, 43)	hsl(28, 59%, 41%)	hwb(28 17% 35%)	hsv 28°, 74%, 65%	cmyk 0%, 40%, 74%, 35%	Pantone 730C
#78441e	rgb(120, 68, 30)	hsl(25, 60%, 29%)	hwb(25 12% 53%)	hsv 25°, 75%, 47%	cmyk 0%, 43%, 75%, 53%	Pantone 731C
#f2eacc	rgb(242, 234, 204)	hsl(47, 59%, 87%)	hwb(47 80% 5%)	hsv 47°, 16%, 95%	cmyk 0%, 3%, 16%, 5%	Pantone 5807C
#372c21	rgb(55, 44, 33)	hsl(30, 25%, 17%)	hwb(30 13% 78%)	hsv 30°, 40%, 22%	cmyk 0%, 20%, 40%, 78%	Pantone 440C

Click a color format to copy to your clipboard.

White background Black background

#EAD084

1.5

#A5632B

4.8

#78441E

7.9

#A5632B

1.2

#A5632B

13.6

Color blindness filter

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

Android color codes


                <color name="Giraffe_1">#EAD084</color>


                <color name="Giraffe_2">#A5632B</color>


                <color name="Giraffe_3">#78441E</color>


                <color name="Giraffe_4">#F2EACC</color>


                <color name="Giraffe_5">#372C21</color>

Flutter color codes


                const Giraffe1 = Color(0xFFEAD084);


                const Giraffe2 = Color(0xFFA5632B);


                const Giraffe3 = Color(0xFF78441E);


                const Giraffe4 = Color(0xFFF2EACC);


                const Giraffe5 = Color(0xFF372C21);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator