#303f9f

#3f51b5

#ffffff

#ff5722

#212121

Material 2

Colors overview

Blue
Orange
Color HEX RGB HSL HWB HSV CMYK Pantone (Or similar) Color schemes
#303f9f rgb(48, 63, 159) hsl(232, 54%, 41%) hwb(232 19% 38%) hsv 232°, 70%, 62% cmyk 70%, 60%, 0%, 38% Pantone 661C
#3f51b5 rgb(63, 81, 181) hsl(231, 48%, 48%) hwb(231 25% 29%) hsv 231°, 65%, 71% cmyk 65%, 55%, 0%, 29% Pantone 2726C
#ffffff rgb(255, 255, 255) hsl(0, 0%, 100%) hwb(0 100% 0%) hsv 0°, 0%, 100% cmyk 0%, 0%, 0%, 0% Pantone 663C
#ff5722 rgb(255, 87, 34) hsl(14, 100%, 57%) hwb(14 13% 0%) hsv 14°, 87%, 100% cmyk 0%, 66%, 87%, 0% Pantone 172C
#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 2

Android color codes

<color name="Material 2_1">#303f9f</color>
<color name="Material 2_2">#3f51b5</color>
<color name="Material 2_3">#ffffff</color>
<color name="Material 2_4">#ff5722</color>
<color name="Material 2_5">#212121</color>

Flutter color codes

const Material 21 = Color(0xFF303f9f);
const Material 22 = Color(0xFF3f51b5);
const Material 23 = Color(0xFFffffff);
const Material 24 = Color(0xFFff5722);
const Material 25 = Color(0xFF212121);

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

Material 2 details

Type

Palette

Combination scheme

Colors

Blue
Orange

Tags

Created

Wed Apr 03 2019