Rich Lavender

HEX: #A76BCF | Modern Palette

On White
3.72:1
FAIL
On Black
5.65:1
PASS

Color Specifications

HEX
#A76BCF
RGB
167, 107, 207
HSL
276°, 48% ,81%
CMYK
19.32, 48.31, 0, 18.82

About Rich Lavender

Rich Lavender (#A76BCF) is a color with RGB(167, 107, 207) and HSL(276°, 48.31%, 81.18%). In design, it is suitable for Text, Button, Background. Its complementary color is #93CF6B, which creates strong contrast. Its triadic palette includes #CFA76B and #6BCFA7. The name comes from Rich Lavender (English).

  • HEX: #A76BCF
  • RGB: 167, 107, 207
  • HSL: 276°, 48.31%, 81.18%
  • Use case: Text, Button, Background
  • Complementary color: #93CF6B
  • Triadic colors: #CFA76B, #6BCFA7
  • The name comes from Rich Lavender (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Rich Lavender #A76BCF 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.
 
 
 
RICH LAVENDER
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
RICH LAVENDER
 
 
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

Rich Lavender #A76BCF pairs with #93CF6B as its complementary color, and #CFA76B and #6BCFA7 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.

RICH LAVENDER
Analogous

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

RICH LAVENDER
Triadic

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

RICH LAVENDER
Split-Complementary

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

RICH LAVENDER
Tetradic (Square)

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

RICH LAVENDER
Monochromatic

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

RICH LAVENDER

Shades & Tints

The shade and tint range for Rich Lavender #A76BCF moves from dark #0E0613 tones through the base color to lighter #F4ECF9 tones, making it useful for depth, hierarchy, and background variation.

RICH LAVENDER

Color Characteristics

Mood
Style
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #8080CE
Protanopia #7474CF
Tritanopia #9A7E7E
Achromatopsia #848484

Frequently Asked Questions

Rich Lavender (#A76BCF) is a color with RGB(167, 107, 207) and HSL(276°, 48.31%, 81.18%).

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

#A76BCF is suitable for Text, Button, Background.

The name Rich Lavender is linked to Rich Lavender from English, meaning A deep, vibrant shade of purple, reminiscent of the lavender flower but with increased saturation and often a slightly reddish undertone, conveying a sense of luxury or opulence..

Name, History & Etymology

Origin Word Rich Lavender
Meaning A deep, vibrant shade of purple, reminiscent of the lavender flower but with increased saturation and often a slightly reddish undertone, conveying a sense of luxury or opulence.
Language English
First Recorded Use Late 20th Century - Early 21st Century

History

The color lavender itself derives its name from the lavender flower (Lavandula), known for its pale purple hue. The word 'lavender' entered English in the 17th century. As color science and descriptive language evolved, modifiers like 'rich,' 'pale,' 'deep,' etc., became common to specify variations of a base color. 'Rich Lavender' distinguishes itself from lighter, more muted lavenders, suggesting a more intense and saturated version. Its popularity has grown with trends favoring deeper, more luxurious jewel tones and sophisticated pastels.

First Recorded Use

The specific color name 'Rich Lavender' likely emerged as color naming became more nuanced and descriptive, particularly in fashion, interior design, and digital color palettes. While 'lavender' has a long history, the 'rich' qualifier is a more modern addition to differentiate specific shades.

Cultural Associations

Lavender, in general, is often associated with calmness, tranquility, purity, and grace. The 'rich' descriptor adds layers of luxury, sophistication, and sometimes even a touch of regality or drama. It can be seen in high-end fashion, elegant home decor, and branding for products aiming for a refined yet vibrant aesthetic. It's less common in very traditional contexts and more prevalent in contemporary design.

Similar Named Colors
Rich Lilac #B666D2 ΔE 3.06
Amethyst #9966CC ΔE 3.27
Dark Pastel Purple #966FD6 ΔE 4.37
Medium Purple #9370DB ΔE 5.50

Code Snippets

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

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

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

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

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

// SCSS variable
$rich-lavender: #A76BCF;

// With RGB channels (useful for rgba() usage)
$rich-lavender-r: 167;
$rich-lavender-g: 107;
$rich-lavender-b: 207;

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