Material 1

Palette information

Wed Apr 03 2019

Orange

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#e64a19	rgb(230, 74, 25)	hsl(14, 80%, 50%)	hwb(14 10% 10%)	hsv 14°, 89%, 90%	cmyk 0%, 68%, 89%, 10%	Pantone 1665C
#ff5722	rgb(255, 87, 34)	hsl(14, 100%, 57%)	hwb(14 13% 0%)	hsv 14°, 87%, 100%	cmyk 0%, 66%, 87%, 0%	Pantone 172C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#ffc107	rgb(255, 193, 7)	hsl(45, 100%, 51%)	hwb(45 3% 0%)	hsv 45°, 97%, 100%	cmyk 0%, 24%, 97%, 0%	Pantone 123C
#212121	rgb(33, 33, 33)	hsl(0, 0%, 13%)	hwb(0 13% 87%)	hsv 0°, 0%, 13%	cmyk 0%, 0%, 0%, 87%	Pantone 419C

Click a color format to copy to your clipboard.

Background

#e64a19

3.9

#ff5722

3.2

#ffffff

1.0

#ffc107

1.6

#212121

16.1

Color blindness filter

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

Android color codes


                <color name="Material 1_1">#e64a19</color>


                <color name="Material 1_2">#ff5722</color>


                <color name="Material 1_3">#ffffff</color>


                <color name="Material 1_4">#ffc107</color>


                <color name="Material 1_5">#212121</color>

Flutter color codes


                const Material 11 = Color(0xFFe64a19);


                const Material 12 = Color(0xFFff5722);


                const Material 13 = Color(0xFFffffff);


                const Material 14 = Color(0xFFffc107);


                const Material 15 = Color(0xFF212121);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator