Lilac
#C8A2C8 · rgb(200, 162, 200) · hsl(300, 26%, 71%)
Complementary colors
#c8a2c8 · #a2c8a2Analogous colors
#b5a2c8 · #c8a2c8 · #c8a2b5Triadic colors
#c8a2c8 · #c8c8a2 · #a2c8c8Split-complementary colors
#c8a2c8 · #b5c8a2 · #a2c8b5Tetradic colors
#c8a2c8 · #c8b5a2 · #a2c8a2 · #a2b5c8Monochromatic colors
#301c30 · #673c67 · #a15ea1 · #c398c3 · #e3cfe3Ready-made palettes with Lilac
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#C8A2C8 · #a2c8a2 · #f6f3f6 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#b5a2c8 · #C8A2C8 · #c8a2b5 · #f6f3f6 · #945794
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#C8A2C8 · #c8c8a2 · #a2c8c8 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f7f2f7 · #ceabce · #a362a3 · #5d375d · #130b13
If you are wondering what colors go with Lilac, start with its opposite on the wheel — a complementary #a2c8a2 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Lilac's complementary color is #a2c8a2. 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.