"Material" color palette
Material tags
UIDigitalModernCleanWeb DesignGoogleDesign LanguageUXAndroidFlat Design#3F51B5
#E91E63
#9C27B0
#673AB7
#2196F3
Material Color Conversions To rgb/hex/hsl Codes
HEX #3F51B5
RGB 63, 81, 181
HSL 231, 48, 48
HEX #E91E63
RGB 233, 30, 99
HSL 340, 82, 52
HEX #9C27B0
RGB 156, 39, 176
HSL 291, 64, 42
HEX #673AB7
RGB 103, 58, 183
HSL 262, 52, 47
HEX #2196F3
RGB 33, 150, 243
HSL 207, 90, 54
Material Color Palette Complementary
The following are the complementary colors of the selected color palette. Each color is generated by rotating the hue of the color by 180 degrees.
Material color paletteComplementary Rotate 45°
Material color paletteComplementary Rotate 30°
Material color paletteComplementary Rotate 60°
Material Color Palette Shades
The following are the color shades of the selected color palette. Each color shade is generated by decreasing the brightness of the color by 10%. click on the color to copy the hex code.