Bright Lilac

HEX: #D891EF | Modern Palette

On White
2.28:1
FAIL
On Black
9.22:1
PASS

Color Specifications

HEX
#D891EF
RGB
216, 145, 239
HSL
285°, 39% ,93%
CMYK
9.62, 39.33, 0, 6.27

About Bright Lilac

Bright Lilac (#D891EF) is a color with RGB(216, 145, 239) and HSL(285.32°, 39.33%, 93.73%). In design, it is suitable for Text, Background, Print. Its complementary color is #A8EF91, which creates strong contrast. Its triadic palette includes #EFD891 and #91EFD8. The name comes from Bright Lilac (English).

  • HEX: #D891EF
  • RGB: 216, 145, 239
  • HSL: 285.32°, 39.33%, 93.73%
  • Use case: Text, Background, Print
  • Complementary color: #A8EF91
  • Triadic colors: #EFD891, #91EFD8
  • The name comes from Bright Lilac (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
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

Complementary

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

Analogous

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

Triadic

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

Split-Complementary

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

Tetradic (Square)

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

Monochromatic

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

Shades & Tints

A seamless scale of #D891EF from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #AAAAEE
Protanopia #9B9BEF
Tritanopia #CDA1A1
Achromatopsia #ACACAC

Frequently Asked Questions

Bright Lilac (#D891EF) is a color with RGB(216, 145, 239) and HSL(285.32°, 39.33%, 93.73%).

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

#D891EF is suitable for Text, Background, Print.

The name Bright Lilac is linked to Bright Lilac from English, meaning A vivid, light purple color reminiscent of lilac flowers..

Name, History & Etymology

Origin Word Bright Lilac
Meaning A vivid, light purple color reminiscent of lilac flowers.
Language English
First Recorded Use Late 19th - Early 20th Century (as a named color)

History

The word 'lilac' itself comes from the Arabic 'līlak' and Persian 'nīlak' (meaning bluish), referring to the color of the lilac flower. As a color name, it gained popularity in English in the 18th century. The addition of 'bright' serves as a common intensifier in color naming, distinguishing this particular shade from darker or more muted lilac tones. Its use became more prevalent with the expansion of color standardization in industries like textiles and paints.

First Recorded Use

While the color 'lilac' has existed as a descriptor for centuries, its specific use as a named color in fashion, paint, and other industries became more formalized in the late 19th and early 20th centuries. The 'bright' modifier would naturally follow to distinguish lighter, more vibrant shades.

Cultural Associations

Lilac, in general, is often associated with spring, youth, and innocence due to the blooming of lilac flowers. It can also symbolize first love or new beginnings. 'Bright Lilac' specifically evokes a sense of cheerfulness, playfulness, and vibrancy. It's a color often seen in spring fashion, children's items, and decorative arts. In some contexts, purple shades can also be associated with royalty or spirituality, though 'Bright Lilac' leans more towards the lighter, softer interpretations.

Similar Named Colors
Bright Ube #D19FE8 ΔE 4.44
Pale Violet #CC99FF ΔE 4.80
Bright Lavender #BF94E4 ΔE 4.98
Violet #EE82EE ΔE 5.01

Code Snippets

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

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

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

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

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

// SCSS variable
$bright-lilac: #D891EF;

// With RGB channels (useful for rgba() usage)
$bright-lilac-r: 216;
$bright-lilac-g: 145;
$bright-lilac-b: 239;

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