Lilac

HEX: #C8A2C8 | Modern Palette

On White
2.22:1
FAIL
On Black
9.46:1
PASS

Color Specifications

HEX
#C8A2C8
RGB
200, 162, 200
HSL
300°, 25% ,71%
CMYK
0, 19, 0, 22

About Lilac

Lilac (#C8A2C8) is a color with RGB(200, 162, 200) and HSL(300°, 25.7%, 71%). In design, it fits Pastel, Warm styles and is suitable for Text, Border, Print. Its complementary color is #A2C8A2, which creates strong contrast. Its triadic palette includes #C8C8A2 and #A2C8C8. The name comes from nilak (Persian).

  • HEX: #C8A2C8
  • RGB: 200, 162, 200
  • HSL: 300°, 25.7%, 71%
  • Style: Pastel, Warm
  • Use case: Text, Border, Print
  • Complementary color: #A2C8A2
  • Triadic colors: #C8C8A2, #A2C8C8
  • The name comes from nilak (Persian).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Lilac #C8A2C8 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
 
LILAC
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
LILAC
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Lilac #C8A2C8 pairs with #A2C8A2 as its complementary color, and #C8C8A2 and #A2C8C8 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

LILAC
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

LILAC
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

LILAC
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

LILAC
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

LILAC
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

LILAC

Shades & Tints

The shade and tint range for Lilac #C8A2C8 moves from dark #100910 tones through the base color to lighter #F6EFF6 tones, making it useful for depth, hierarchy, and background variation.

LILAC

Color Characteristics

Mood
Style
Pastel Warm
Use case
Text Border Print

Accessibility Simulation

Deuteranopia #AEAEC7
Protanopia #A7A7C8
Tritanopia #C3A7A7
Achromatopsia #AEAEAE

Frequently Asked Questions

Lilac (#C8A2C8) is a color with RGB(200, 162, 200) and HSL(300°, 25.7%, 71%).

#C8A2C8 pairs strongly with #A2C8A2 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#C8A2C8 is suitable for Text, Border, Print and works well with Pastel, Warm styles.

The name Lilac is linked to nilak from Persian, meaning Meaning 'bluish' or 'indigo,' referring to the plant from which the dye was derived..

Name, History & Etymology

Origin Word nilak
Meaning Meaning 'bluish' or 'indigo,' referring to the plant from which the dye was derived.
Language Persian
First Recorded Use 18th Century

History

The lilac flower (Syringa vulgaris) originated in Persia and was introduced to Europe in the 16th century. Its distinctive pale purple color quickly became associated with the plant itself. The color name's establishment in English reflects a broader trend of naming colors after natural objects, particularly flowers, during the Enlightenment period.

First Recorded Use

The color name 'lilac' in English is first recorded in 1775, directly referencing the flower's characteristic pale purple hue. Its adoption followed the increasing popularity of the lilac flower in European gardens.

Cultural Associations

Lilac is often associated with spring, youth, and innocence due to the flower's blooming season. In some cultures, it symbolizes first love or the beginning of a relationship. Its gentle hue has made it a popular choice in fashion and interior design for centuries.

Similar Named Colors
Pastel Violet #CB99C9 ΔE 3.46
Light Grayish Magenta #CC99CC ΔE 3.92
Light Medium Orchid #D39BCB ΔE 3.96
Pink Lavender #D8B2D1 ΔE 4.71

Code Snippets

/* Background */
.element {
    background-color: #C8A2C8;
}

/* Text */
.element {
    color: #C8A2C8;
}

/* Border */
.element {
    border: 1px solid #C8A2C8;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #C8A2C8,
        #A2C8A2
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #C8A2C8,
        #A2C8A2
    );
}

// SCSS variable
$lilac: #C8A2C8;

// With RGB channels (useful for rgba() usage)
$lilac-r: 200;
$lilac-g: 162;
$lilac-b: 200;

// Usage
.element {
    background-color: $lilac;
    color: rgba($lilac-r, $lilac-g, $lilac-b, 0.8);
}