MONADE

Palette information

Yellow

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#7c5e34	rgb(124, 94, 52)	hsl(35, 41%, 35%)	hwb(35 20% 51%)	hsv 35°, 58%, 49%	cmyk 0%, 24%, 58%, 51%	Pantone 147C
#ed7222	rgb(237, 114, 34)	hsl(24, 85%, 53%)	hwb(24 13% 7%)	hsv 24°, 86%, 93%	cmyk 0%, 52%, 86%, 7%	Pantone 158C
#e5a71f	rgb(229, 167, 31)	hsl(41, 79%, 51%)	hwb(41 12% 10%)	hsv 41°, 86%, 90%	cmyk 0%, 27%, 86%, 10%	Pantone 143C
#fdbd15	rgb(253, 189, 21)	hsl(43, 98%, 54%)	hwb(43 8% 1%)	hsv 43°, 92%, 99%	cmyk 0%, 25%, 92%, 1%	Pantone 1235C
#82a680	rgb(130, 166, 128)	hsl(117, 18%, 58%)	hwb(117 50% 35%)	hsv 117°, 23%, 65%	cmyk 22%, 0%, 23%, 35%	Pantone 556C

Click a color format to copy to your clipboard.

White background Black background

#7C5E34

6.0

#ED7222

3.0

#E5A71F

2.1

#ED7222

1.7

#ED7222

2.7

Color blindness filter

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

Android color codes


                <color name="MONADE_1">#7C5E34</color>


                <color name="MONADE_2">#ED7222</color>


                <color name="MONADE_3">#E5A71F</color>


                <color name="MONADE_4">#FDBD15</color>


                <color name="MONADE_5">#82A680</color>

Flutter color codes


                const MONADE1 = Color(0xFF7C5E34);


                const MONADE2 = Color(0xFFED7222);


                const MONADE3 = Color(0xFFE5A71F);


                const MONADE4 = Color(0xFFFDBD15);


                const MONADE5 = Color(0xFF82A680);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator