Twilight Lavender

HEX: #8A496B | Modern Palette

On White
6.47:1
PASS
On Black
3.25:1
FAIL

Color Specifications

HEX
#8A496B
RGB
138, 73, 107
HSL
328°, 47% ,54%
CMYK
0, 47.1, 22.46, 45.88

About Twilight Lavender

Twilight Lavender (#8A496B) is a color with RGB(138, 73, 107) and HSL(328.62°, 47.1%, 54.12%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #498A68, which creates strong contrast. Its triadic palette includes #6B8A49 and #496B8A. The name comes from Twilight Lavender (English).

  • HEX: #8A496B
  • RGB: 138, 73, 107
  • HSL: 328.62°, 47.1%, 54.12%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Button, Logo
  • Complementary color: #498A68
  • Triadic colors: #6B8A49, #496B8A
  • The name comes from Twilight Lavender (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Twilight Lavender #8A496B 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.
 
 
TWILIGHT LAVENDER
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
TWILIGHT LAVENDER
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
TWILIGHT LAVENDER
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Twilight Lavender #8A496B pairs with #498A68 as its complementary color, and #6B8A49 and #496B8A 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.

TWILIGHT LAVENDER
Analogous

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

TWILIGHT LAVENDER
Triadic

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

TWILIGHT LAVENDER
Split-Complementary

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

TWILIGHT LAVENDER
Tetradic (Square)

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

TWILIGHT LAVENDER
Monochromatic

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

TWILIGHT LAVENDER

Shades & Tints

The shade and tint range for Twilight Lavender #8A496B moves from dark #11090D tones through the base color to lighter #F6EEF2 tones, making it useful for depth, hierarchy, and background variation.

TWILIGHT LAVENDER

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #62626A
Protanopia #53536B
Tritanopia #874E4E
Achromatopsia #5E5E5E

Frequently Asked Questions

Twilight Lavender (#8A496B) is a color with RGB(138, 73, 107) and HSL(328.62°, 47.1%, 54.12%).

#8A496B pairs strongly with #498A68 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#8A496B is suitable for Text, Button, Logo and works well with Warm styles.

#8A496B is commonly associated with Romantic.

The name Twilight Lavender is linked to Twilight Lavender from English, meaning A shade of lavender reminiscent of the color of the sky or flowers during twilight hours..

Name, History & Etymology

Origin Word Twilight Lavender
Meaning A shade of lavender reminiscent of the color of the sky or flowers during twilight hours.
Language English
First Recorded Use Late 20th Century

History

The color lavender itself is named after the lavender flower, known for its pale purple hue. The addition of 'Twilight' suggests a deeper, perhaps more muted or mysterious version of lavender, evoking the transitional light of dusk. This naming convention became popular as brands sought to differentiate similar shades and create evocative imagery for consumers. It's a descriptive name rather than one with a deep historical etymological root beyond its component words.

First Recorded Use

While 'lavender' as a color has existed for centuries, the specific compound name 'Twilight Lavender' likely emerged in the late 20th century with the proliferation of more descriptive and nuanced color names in fashion, cosmetics, and interior design.

Cultural Associations

Lavender, in general, is often associated with calmness, serenity, grace, and femininity. The 'Twilight' modifier can add a layer of sophistication, mystery, or romance, making it suitable for evening wear, luxurious home decor, or more mature cosmetic palettes. It's a popular color in spring and summer collections but can also be adapted for autumn/winter with its deeper tone.

Similar Named Colors
Deep Ruby #843F5B ΔE 4.11
Magenta Haze #9F4576 ΔE 4.78
Quinacridone Magenta #8E3A59 ΔE 5.54
Boysenberry #873260 ΔE 5.77

Code Snippets

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

/* Text */
.element {
    color: #8A496B;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #8A496B,
        #53C187
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #8A496B,
        #53C187
    );
}

// SCSS variable
$twilight-lavender: #8A496B;

// With RGB channels (useful for rgba() usage)
$twilight-lavender-r: 138;
$twilight-lavender-g: 73;
$twilight-lavender-b: 107;

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