Food

Palette information

normal

Red

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#f49a24	rgb(244, 154, 36)	hsl(34, 90%, 55%)	hwb(34 14% 4%)	hsv 34°, 85%, 96%	cmyk 0%, 37%, 85%, 4%	Pantone 1375C
#f8bb6d	rgb(248, 187, 109)	hsl(34, 91%, 70%)	hwb(34 43% 3%)	hsv 34°, 56%, 97%	cmyk 0%, 25%, 56%, 3%	Pantone 149C
#fad29e	rgb(250, 210, 158)	hsl(34, 90%, 80%)	hwb(34 62% 2%)	hsv 34°, 37%, 98%	cmyk 0%, 16%, 37%, 2%	Pantone 155C
#ff6969	rgb(255, 105, 105)	hsl(0, 100%, 71%)	hwb(0 41% 0%)	hsv 0°, 59%, 100%	cmyk 0%, 59%, 59%, 0%	Pantone 805C
#d40a0a	rgb(212, 10, 10)	hsl(0, 91%, 44%)	hwb(0 4% 17%)	hsv 0°, 95%, 83%	cmyk 0%, 95%, 95%, 17%	Pantone 485C

Click a color format to copy to your clipboard.

White background Black background

#f49a24

2.2

#f8bb6d

1.7

#fad29e

1.4

#f8bb6d

2.8

#f8bb6d

5.5

Color blindness filter

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

Android color codes


                <color name="Food_1">#f49a24</color>


                <color name="Food_2">#f8bb6d</color>


                <color name="Food_3">#fad29e</color>


                <color name="Food_4">#ff6969</color>


                <color name="Food_5">#d40a0a</color>

Flutter color codes


                const Food1 = Color(0xFFf49a24);


                const Food2 = Color(0xFFf8bb6d);


                const Food3 = Color(0xFFfad29e);


                const Food4 = Color(0xFFff6969);


                const Food5 = Color(0xFFd40a0a);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator