DarkMagenta
#8B008B · rgb(139, 0, 139) · hsl(300, 100%, 27%)
Complementary colors
#8a008a · #008a00Analogous colors
#45008a · #8a008a · #8a0045Triadic colors
#8a008a · #8a8a00 · #008a8aSplit-complementary colors
#8a008a · #458a00 · #008a45Tetradic colors
#8a008a · #8a4500 · #008a00 · #00458aMonochromatic colors
#4d004d · #a300a3 · #ff00ff · #ff5cff · #ffb3ffReady-made palettes with DarkMagenta
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#8B008B · #008a00 · #f316f3 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#45008a · #8B008B · #8a0045 · #f316f3 · #0a000a
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#8B008B · #8a8a00 · #008a8a · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#ffebff · #ff7aff · #ff05ff · #940094 · #1f001f
If you are wondering what colors go with DarkMagenta, start with its opposite on the wheel — a complementary #008a00 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
DarkMagenta's complementary color is #008a00. 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.