#e64a19

#ff5722

#ffffff

#ffc107

#212121

Material 1

Colors overview

Orange
Yellow
Color HEX RGB HSL HWB HSV CMYK Pantone (Or similar) Color schemes
#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.

Contrast checker

Click one color card to view the complete contrast checker tests.

Color blindness

Note: The color blindness filters do not work on some browsers.

Palette examples preview

Material 1

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);

Click the code to copy, and if it doesn't work, just ctrl + c 😀

Material 1 details

Type

Palette

Combination scheme

Colors

Orange
Yellow

Tags

Created

Wed Apr 03 2019