#303f9f

#3f51b5

#ffffff

#ff4081

#212121

Material 5

Colors overview

Blue
Pink
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
#ff4081 rgb(255, 64, 129) hsl(340, 100%, 63%) hwb(340 25% 0%) hsv 340°, 75%, 100% cmyk 0%, 75%, 49%, 0% Pantone 1915C
#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 5

Android color codes

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

Flutter color codes

const Material 51 = Color(0xFF303f9f);
const Material 52 = Color(0xFF3f51b5);
const Material 53 = Color(0xFFffffff);
const Material 54 = Color(0xFFff4081);
const Material 55 = Color(0xFF212121);

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

Material 5 details

Type

Palette

Combination scheme

Colors

Blue
Pink

Tags

Created

Wed Apr 03 2019