What colors go well with lilac?

Lilac pairs with its complementary colour #A2C8A2 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Lilac Color — Hex Code #C8A2C8, RGB, Palettes & CSS

Q: What is the hex code for lilac?

Lilac is commonly #C8A2C8, which is rgb(200, 162, 200). Like most descriptive colour names it covers a small range, but this is a widely used value.

Lilac colour codes

Hex

#C8A2C8

RGB

rgb(200, 162, 200)

HSL

hsl(300, 26%, 71%)

HSV

hsv(300, 19%, 78%)

OKLCH

oklch(0.76 0.07 326)

CMYK

cmyk(0%, 19%, 0%, 22%)

Complementary palette

Lilac with its opposite on the colour wheel.

#C8A2C8

rgb(200, 162, 200)

#A2C8A2

rgb(162, 200, 162)

Triad palette

Lilac with two evenly-spaced partners.

#C8A2C8

rgb(200, 162, 200)

#C8C8A2

rgb(200, 200, 162)

#A2C8C8

rgb(162, 200, 200)

Monochromatic palette

Lighter and darker versions of lilac at the same hue.

#675367

rgb(103, 83, 103)

#8F748F

rgb(143, 116, 143)

#B794B7

rgb(183, 148, 183)

#D5ACD5

rgb(213, 172, 213)

Lighter tints

Lilac toward white.

#C8A2C8

rgb(200, 162, 200)

#D0AFD0

rgb(208, 175, 208)

#D8BDD8

rgb(216, 189, 216)

#E0CAE0

rgb(224, 202, 224)

#E7D7E7

rgb(231, 215, 231)

#EFE4EF

rgb(239, 228, 239)

#F7F2F7

rgb(247, 242, 247)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Lilac toward black.

#C8A2C8

rgb(200, 162, 200)

#AB8BAB

rgb(171, 139, 171)

#8F748F

rgb(143, 116, 143)

#725D72

rgb(114, 93, 114)

#564556

rgb(86, 69, 86)

#392E39

rgb(57, 46, 57)

#1D171D

rgb(29, 23, 29)

#000000

rgb(0, 0, 0)

About lilac

A soft pinkish-purple named after the flower. Warm and floral, it adds a gentle, springtime feel. The value shown here (#C8A2C8) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with lilac

The complementary colour (#A2C8A2) sits opposite lilac on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using lilac in your design

For CSS, paste #C8A2C8 or the oklch(0.76 0.07 326) value, or download the ready-made lilac.css file above — it includes a full 50–950 token scale. Always check contrast before using lilac behind text.

What is the hex code for lilac?

Lilac is commonly #C8A2C8 (rgb(200, 162, 200)). It covers a small range, but this is a widely used value.

What colours go well with lilac?

Its complementary colour #A2C8A2 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Lilac colour

Lilac colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About lilac

Palettes that work with lilac

Using lilac in your design

Popular colours

Color tools