Opera Mauve

HEX: #B784A7 | Modern Palette

On White
3.06:1
FAIL
On Black
6.87:1
PASS

Color Specifications

HEX
#B784A7
RGB
183, 132, 167
HSL
318°, 26% ,61%
CMYK
0, 28, 9, 28

About Opera Mauve

Opera Mauve (#B784A7) is a color with RGB(183, 132, 167) and HSL(318.8°, 26.2%, 61.8%). In design, it fits Muted, Warm styles and is suitable for Text, Border, Print. Its complementary color is #84B794, which creates strong contrast. Its triadic palette includes #A7B784 and #84A7B7. The name comes from Opéra Mauve (French (Mauve), Italian (Opera)).

  • HEX: #B784A7
  • RGB: 183, 132, 167
  • HSL: 318.8°, 26.2%, 61.8%
  • Style: Muted, Warm
  • Use case: Text, Border, Print
  • Complementary color: #84B794
  • Triadic colors: #A7B784, #84A7B7
  • The name comes from Opéra Mauve (French (Mauve), Italian (Opera)).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Opera Mauve #B784A7 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.
 
 
 
OPERA MAUVE
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
OPERA MAUVE
 
 
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

Opera Mauve #B784A7 pairs with #84B794 as its complementary color, and #A7B784 and #84A7B7 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.

OPERA MAUVE
Analogous

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

OPERA MAUVE
Triadic

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

OPERA MAUVE
Split-Complementary

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

OPERA MAUVE
Tetradic (Square)

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

OPERA MAUVE
Monochromatic

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

OPERA MAUVE

Shades & Tints

The shade and tint range for Opera Mauve #B784A7 moves from dark #10090E tones through the base color to lighter #F6EFF3 tones, making it useful for depth, hierarchy, and background variation.

OPERA MAUVE

Color Characteristics

Mood
Style
Muted Warm
Use case
Text Border Print

Accessibility Simulation

Deuteranopia #9595A6
Protanopia #8B8BA7
Tritanopia #B38989
Achromatopsia #939393

Frequently Asked Questions

Opera Mauve (#B784A7) is a color with RGB(183, 132, 167) and HSL(318.8°, 26.2%, 61.8%).

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

#B784A7 is suitable for Text, Border, Print and works well with Muted, Warm styles.

The name Opera Mauve is linked to Opéra Mauve from French (Mauve), Italian (Opera), meaning Opera (as in the art form) Mauve (a pale purple color).

Name, History & Etymology

Origin Word Opéra Mauve
Meaning Opera (as in the art form) Mauve (a pale purple color)
Language French (Mauve), Italian (Opera)
First Recorded Use Late 19th Century (for 'mauve' as a color name), 20th Century (for specific color names like 'Opera Mauve')

History

The color mauve gained immense popularity in the mid-19th century after William Henry Perkin accidentally discovered the synthetic dye mauveine in 1856. This was the first synthetic organic chemical dye and revolutionized the textile industry, making purple accessible to all classes. The name 'mauve' comes from the French word for the mallow flower, which has a pale purple hue. The addition of 'Opera' to 'Mauve' suggests a more dramatic, perhaps richer or more vibrant, interpretation of the basic mauve color, possibly referencing the luxurious and theatrical associations of opera houses and costumes. It's a descriptive name that aims to evoke a particular mood or intensity within the mauve spectrum.

First Recorded Use

The color 'mauve' itself became popular after the discovery of mauveine dye in 1856. Specific named shades like 'Opera Mauve' likely emerged as color naming conventions became more sophisticated, particularly in fashion, cosmetics, and art supplies, during the 20th century.

Cultural Associations

Mauve, in general, has associations with femininity, nostalgia, and a certain delicate elegance. Its initial popularity in the Victorian era links it to that period's aesthetics. The 'Opera' prefix adds a layer of sophistication, drama, and perhaps a touch of vintage glamour, reminiscent of grand theatrical performances and the opulent fashion often seen in such settings. It might suggest a color that is both refined and captivating.

Similar Named Colors
English Lavender #B48395 ΔE 5.42
African Violet #B284BE ΔE 6.88
Pastel Violet #CB99C9 ΔE 7.65
Sky Magenta #CF71AF ΔE 7.77

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #B784A7,
        #84B794
    );
}

// SCSS variable
$opera-mauve: #B784A7;

// With RGB channels (useful for rgba() usage)
$opera-mauve-r: 183;
$opera-mauve-g: 132;
$opera-mauve-b: 167;

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