Mauve
#E0B0FF · rgb(224, 176, 255) · hsl(276, 100%, 85%)
Complementary colors
#e0b3ff · #d1ffb3Analogous colors
#bab3ff · #e0b3ff · #ffb3f7Triadic colors
#e0b3ff · #ffe0b3 · #b3ffe0Split-complementary colors
#e0b3ff · #f7ffb3 · #b3ffbaTetradic colors
#e0b3ff · #ffbab3 · #d1ffb3 · #b3f7ffMonochromatic colors
#2e004d · #6200a3 · #9900ff · #be5cff · #e0b3ffReady-made palettes with Mauve
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#E0B0FF · #d1ffb3 · #ffffff · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#bab3ff · #E0B0FF · #ffb3f7 · #ffffff · #ad33ff
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#E0B0FF · #ffe0b3 · #b3ffe0 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f7ebff · #ca7aff · #9b05ff · #590094 · #12001f
If you are wondering what colors go with Mauve, start with its opposite on the wheel — a complementary #d1ffb3 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Mauve's complementary color is #d1ffb3. 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.