Old Mauve

HEX: #673147 | Modern Palette

On White
9.97:1
PASS
On Black
2.11:1
FAIL

Color Specifications

HEX
#673147
RGB
103, 49, 71
HSL
335°, 52% ,40%
CMYK
0, 52.43, 31.07, 59.61

About Old Mauve

Old Mauve (#673147) is a color with RGB(103, 49, 71) and HSL(335.56°, 52.43%, 40.39%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #316751, which creates strong contrast. Its triadic palette includes #476731 and #314767. The name comes from mauve (French).

  • HEX: #673147
  • RGB: 103, 49, 71
  • HSL: 335.56°, 52.43%, 40.39%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Button, Logo
  • Complementary color: #316751
  • Triadic colors: #476731, #314767
  • The name comes from mauve (French).

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 #673147 from deepest shade to lightest tint.

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #464646
Protanopia #3A3A47
Tritanopia #653434
Achromatopsia #434343

Frequently Asked Questions

Old Mauve (#673147) is a color with RGB(103, 49, 71) and HSL(335.56°, 52.43%, 40.39%).

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

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

#673147 is commonly associated with Romantic.

The name Old Mauve is linked to mauve from French, meaning mallow (flower).

Name, History & Etymology

Origin Word mauve
Meaning mallow (flower)
Language French
First Recorded Use Late 19th Century

History

The color 'mauve' was named after the mallow flower due to its delicate purple hue. Its popularity surged in the mid-19th century with the accidental discovery of mauveine, the first synthetic organic dye, by William Henry Perkin in 1856. This discovery revolutionized the textile industry and made purple dyes widely accessible and affordable for the first time. 'Old Mauve' specifically refers to a slightly desaturated, often browner or grayer version of the original vibrant mauve, reflecting either fading over time in textiles or a deliberate, more subdued shade popular in later periods, particularly the late Victorian and Edwardian eras. It evokes a sense of nostalgia and vintage charm.

First Recorded Use

1859 (for 'mauve' as a color name, specifically 'mauveine')

Cultural Associations

Mauve, in its various shades including 'Old Mauve', became highly fashionable during the Victorian era, particularly after Queen Victoria wore a mauve gown to the Royal Exhibition of 1862. It symbolized luxury and modernity due to its synthetic origin. 'Old Mauve' later became associated with antique aesthetics, faded elegance, and a certain melancholic or romantic sensibility often found in period decor and fashion. It's less vibrant than its predecessor, suggesting age and a softer, more muted palette.

Similar Named Colors

Halayà úbe #663854 ΔE 4.04
Catawba #703642 ΔE 4.75
Dark Byzantium #5D3954 ΔE 5.97
Eggplant #614051 ΔE 6.12

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #673147,
        #319D71
    );
}

// SCSS variable
$old-mauve: #673147;

// With RGB channels (useful for rgba() usage)
$old-mauve-r: 103;
$old-mauve-g: 49;
$old-mauve-b: 71;

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