Indigo
#4B0082 · rgb(75, 0, 130) · hsl(275, 100%, 25%)
Complementary colors
#4a0080 · #358000Analogous colors
#0b0080 · #4a0080 · #800075Triadic colors
#4a0080 · #804a00 · #00804aSplit-complementary colors
#4a0080 · #758000 · #00800bTetradic colors
#4a0080 · #800b00 · #358000 · #007580Monochromatic colors
#2d004d · #5f00a3 · #9500ff · #bb5cff · #dfb3ffReady-made palettes with Indigo
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#4B0082 · #358000 · #930df2 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#0b0080 · #4B0082 · #800075 · #930df2 · #000000
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#4B0082 · #804a00 · #00804a · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f6ebff · #c87aff · #9705ff · #560094 · #12001f
If you are wondering what colors go with Indigo, start with its opposite on the wheel — a complementary #358000 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Indigo's complementary color is #358000. Analogous neighbors, triadic accents and monochromatic tints of the same hue all pair naturally with it too.
Must-know facts
- Every swatch row is a complete scheme you can copy straight into CSS.
- The color wheel can regenerate these harmonies for any base you like.
Related tools
These color tools pair naturally with the one you just used — keep exploring.