Material 3

#455a64

#607d8b

#ffffff

#ff4081

#212121

Android color codes


                <color name="Material 3_1">#455a64</color>


                <color name="Material 3_2">#607d8b</color>


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


                <color name="Material 3_4">#ff4081</color>


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

Flutter color codes


                const Material 31 = Color(0xFF455a64);


                const Material 32 = Color(0xFF607d8b);


                const Material 33 = Color(0xFFffffff);


                const Material 34 = Color(0xFFff4081);


                const Material 35 = Color(0xFF212121);

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#455a64	rgb (69, 90, 100)	hsl 199°, 18%, 33%	hsv 199°, 31%, 39%	cmyk 31%, 10%, 0%, 61%	Pantone 431C
#607d8b	rgb (96, 125, 139)	hsl 200°, 18%, 46%	hsv 200°, 31%, 55%	cmyk 31%, 10%, 0%, 45%	Pantone 5415C
#ffffff	rgb (255, 255, 255)	hsl 0°, 0%, 100%	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#ff4081	rgb (255, 64, 129)	hsl 340°, 100%, 63%	hsv 340°, 75%, 100%	cmyk 0%, 75%, 49%, 0%	Pantone 1915C
#212121	rgb (33, 33, 33)	hsl 0°, 0%, 13%	hsv 0°, 0%, 13%	cmyk 0%, 0%, 0%, 87%	Pantone 419C

Color blindness

Color blindness filter

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

Added in v3.2

Featured tools

Gradient generator

Palette generator