Lilac
#C8A2C8Pink family
About Lilac
Lilac (#C8A2C8) is a light, muted pink. Pink blends red's warmth with white's softness, giving it a gentle, approachable energy that can range from pale and delicate to bold and electric.
Psychology
Pink is associated with compassion, warmth, playfulness and romance. Soft pinks are calming and nurturing, while vivid pinks feel energetic, youthful and even rebellious.
Applications
Pink shines in beauty, fashion, confectionery and lifestyle brands, as well as feminine or playful UI accents. Hotter pinks add punch to youth-oriented and music-industry designs, while pastel pinks suit baby, spa and wellness palettes.
History
Pink has not always been gender-coded; in the 18th century both men and women wore it. Modern synthetic pink dyes of the 19th century made the shade cheap and fashionable, and its cultural meanings have kept shifting ever since.
Meaning
Pink generally signals affection, tenderness and optimism, though bright pinks also carry confidence and non-conformity. It is widely used to soften a message or add a friendly, human touch.
Why use this color
Use pink to add warmth, approachability or a touch of romance to a design. It is perfect for brands that want to feel friendly and human without the intensity of full red.
Accessibility
Against white, #C8A2C8 has a 2.2:1 contrast ratio; against black it is 9.5:1. Black text on #C8A2C8 meets WCAG AA for normal text.
Fun facts
- Baker-Miller Pink was famously tested as a color that could calm aggressive behavior in holding cells.
- Until the mid-20th century, pink was often marketed to boys as a light shade of strong red.
- Hot pink became a signature of punk and pop fashion in the late 20th century.
Shades, tints & tones
Variations
Ten lightness steps plus Lilac's tints, shades and tones — every swatch copies its hex on click.
Lightness scale
Tints (toward white)
Shades (toward black)
Tones (toward gray)
Color theory
Color harmonies
Proven schemes built around Lilac. Each swatch is one click from your clipboard.
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Monochromatic
Accessibility
Blindness simulator
See how Lilac is perceived with common types of color vision deficiency.
Normal vision
Standard trichromatic vision, shown for reference.
Protanopia
Red-blind. Reds look darker and can be confused with greens and browns.
Deuteranopia
Green-blind. Greens look muted and can be confused with reds and browns.
Tritanopia
Blue-blind. Blues look greenish and yellows fade toward pink.
Achromatopsia
Complete color blindness. Everything is seen in shades of gray.
WCAG
Contrast checker
How Lilac performs against black and white text, with WCAG AA and AAA ratings.
The ratio is identical whether Lilac is used as the text or the background.
Open the full checkerReady to use
Color palettes
Curated palettes that put Lilac to work, with copy-all support for each.
Complementary
Roughly 180° across the wheel from #C8A2C8 (hue 300°) sits #a2c8a2, held together by the #f6f3f6 tint and the neutrals #f4f4f5 and #18181b.
Analogous
#C8A2C8 with its two closest neighbours, #b5a2c8 and #c8a2b5, for a 26%-saturation run that stays inside one family; #f6f3f6 and #945794 add depth without breaking it.
Triadic
#C8A2C8 plus #c8c8a2 and #a2c8c8, a triangle that sits 120° apart at every corner, with #f4f4f5 and #18181b doing the quiet work underneath.
Monochromatic
One hue at 5 lightness steps: #f7f2f7 through #130b13, starting from #C8A2C8 at 71% lightness.
Lilac (#C8A2C8) is a pink-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.
Frequently asked questions
Lilac is #C8A2C8 — rgb(200, 162, 200) / hsl(300, 26%, 71%). Lilac (#C8A2C8) is a light, muted pink. Pink blends red's warmth with white's softness, giving it a gentle, approachable energy that can range from pale and delicate to bold and electric.
Good to know
- Lilac is one of 609 named colors in the library.
- Its complementary hue sits 180° away on the color wheel: #a2c8a2.
More color tools
Next steps for Lilac: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.