Lilac

#A47DAB

What color is Lilac?

Lilac is a soft, muted purple with pink undertones, hex #A47DAB, close in tone to a fresh lilac blossom. The color leans more pink than violet and has a gentle, powdery quality to it.

What is the meaning of the color Lilac?

French textile merchants were trading lilac-dyed fabric by the late 17th century, when the color was named after the Syringa vulgaris flower, itself introduced to Europe from the Ottoman Empire in the 1560s. The English word lilac entered recorded use as a color name in 1775. The color gained wider cultural presence in the 19th century through its use in mourning dress, considered a softer alternative to full black during the later stages of grief in Victorian Britain. Cadbury adopted a specific shade of purple for its Dairy Milk packaging in 1914, anchoring muted purple tones including lilac in associations with sweetness and gentleness that persist in confectionery branding.

RGB
164, 125, 171
HSL
291°, 21%, 58%
CMYK
4, 27, 0, 33
HSV
291°, 27%, 67%
Lilac color

What colors go with Lilac?

Colors that pair well with Lilac include:
Soft white: clean, airy contrast
Dusty rose: gentle tonal harmony
Sage green: fresh, natural balance
Charcoal: grounding, strong depth
Gold: warm, rich contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #A47DAB color: #A47DAB;
RGB 164, 125, 171 color: rgb(164, 125, 171);
RGB Percentage 64%, 49%, 67% color: rgb(64%, 49%, 67%);
CMYK 4%, 27%, 0%, 33% Not supported in CSS
HSL 291°, 21%, 58% color: hsl(291, 21%, 58%);
HSV 291°, 27%, 67% Not supported in CSS
CIE-LAB 46, 8, -15 color: lab(46% 8 -15);
Decimal 10780075 Not supported in CSS

Color Variations

Shades

#A47DAA
#976C9F
#885D8F
#77527D
#66466B
#553A59
#442F48
#332336

Tints

#E4D8E6
#DACBDD
#D1BED5
#C8B1CC
#BFA4C4
#B697BB
#AD8AB3
#A47DAA

Tones

#A47DAA
#A280A8
#A082A6
#9F84A4
#9D86A1
#9C899F
#9A8B9D
#998D9B

Hues

#A47DAA
#AA7D8F
#AA8D7D
#A6AA7D
#84AA7D
#7DAA98
#7D9BAA
#827DAA

Color Harmonies

Analogous

#8D7DAA
Click to copy
#A47DAB
Click to copy
100%
#AA7D9B
Click to copy

Complementary

#A47DAB
Click to copy
100%
#84AA7D
Click to copy

Split Complementary

#A47DAB
Click to copy
100%
#9BAA7D
Click to copy
#7DAA8D
Click to copy

Triadic

#A47DAB
Click to copy
100%
#AAA47D
Click to copy
#7DAAA4
Click to copy

Tetradic

#A47DAB
Click to copy
100%
#AA8D7D
Click to copy
#84AA7D
Click to copy
#7D9BAA
Click to copy

Square

#A47DAB
Click to copy
100%
#AA8D7D
Click to copy
#84AA7D
Click to copy
#7D9BAA
Click to copy

CSS & Dev Snippets

CSS
.lilac {
  color: #A47DAB;
}
SCSS
$lilac: #A47DAB;
RGB
rgb(164, 125, 171)

Accessibility & Contrast

White background

3.44:1
3.44
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.10:1
6.10
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags