A study in blue
Material Indigo 500
#3F51B5
- Family
- Blue
- L
- 0.478
- C
- 0.159
- H
- 271°
Notes
Material Indigo 500 is the deep blue-purple Google chose as the original Material Theme default in 2014, and it became one of the defining colors of mobile app design for several years. The hex is darker and less saturated than Material Blue 500, with a slight violet shift that makes it feel more sophisticated. It still works as a primary accent in heritage Material projects, or in modern designs where a deeper, calmer blue is wanted. Pair with cream for a softer palette, or with warm coral for unexpected accent. Body text contrast against white passes AAA at standard body sizes.
Palette built around Material Indigo 500
Related colors
Frequently asked questions
What is Material Indigo 500?
Material Indigo 500 is the deep blue-purple Google chose as the original Material Theme default in 2014, and it became one of the defining colors of mobile app design for several years. The hex is darker and less saturated than Material Blue 500, with a slight violet shift that makes it feel more sophisticated. Its hex code is #3F51B5.
What are the tints and shades of Material Indigo 500?
uishades builds an 11-step OKLCH ramp for Material Indigo 500 (#3F51B5) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Material Indigo 500?
Its complementary color is #755900. Triadic partners are #A42C1A and #007428; analogous neighbours are #6E40A6 and #0063A4.
What are the OKLCH and RGB values of Material Indigo 500?
Material Indigo 500 is #3F51B5 - OKLCH 0.478 0.159 271°, rgb(63 81 181), in the blue family.