Deep Taupe

HEX: #7E5E60 | Modern Palette

On White
5.74:1
PASS
On Black
3.66:1
FAIL

Color Specifications

HEX
#7E5E60
RGB
126, 94, 96
HSL
356°, 25% ,49%
CMYK
0, 25.4, 23.81, 50.59

About Deep Taupe

Deep Taupe (#7E5E60) is a color with RGB(126, 94, 96) and HSL(356.25°, 25.4%, 49.41%). In design, it fits Muted, Warm styles and is suitable for Text, Border, Print. Its complementary color is #5E7E7C, which creates strong contrast. Its triadic palette includes #607E5E and #5E607E. The name comes from taupe (French).

  • HEX: #7E5E60
  • RGB: 126, 94, 96
  • HSL: 356.25°, 25.4%, 49.41%
  • Style: Muted, Warm
  • Use case: Text, Border, Print
  • Complementary color: #5E7E7C
  • Triadic colors: #607E5E, #5E607E
  • The name comes from taupe (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 #7E5E60 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Muted Warm
Use case
Text Border Print

Accessibility Simulation

Deuteranopia #69695F
Protanopia #626260
Tritanopia #7E5E5E
Achromatopsia #666666

Frequently Asked Questions

Deep Taupe (#7E5E60) is a color with RGB(126, 94, 96) and HSL(356.25°, 25.4%, 49.41%).

#7E5E60 pairs strongly with #5E7E7C as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

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

The name Deep Taupe is linked to taupe from French, meaning mole (the animal).

Name, History & Etymology

Origin Word taupe
Meaning mole (the animal)
Language French
First Recorded Use 19th Century

History

The word 'taupe' itself is much older, deriving from Latin 'talpa'. Its use as a color name in English is a direct adoption from French. Initially, it described a very specific brownish-grey. Over time, the definition has broadened significantly, leading to many variations like 'Deep Taupe', 'Greige Taupe', 'Pink Taupe', etc. 'Deep Taupe' specifically implies a darker, richer version of the classic taupe, often with more pronounced brown or even a hint of purple/red undertones, as seen in #7e5e60.

First Recorded Use

The color 'taupe' first gained popularity in fashion and interior design in the early 19th century, specifically around the 1800s-1810s, referring to the color of a mole's fur.

Cultural Associations

Taupe, in general, is highly valued for its versatility and sophistication. It's often seen as a 'new neutral' that offers more warmth than grey but is less stark than pure brown. 'Deep Taupe' specifically conveys a sense of grounded elegance, often used in luxury goods, classic fashion, and upscale interior design. It's considered a timeless and understated color that pairs well with both vibrant and muted palettes.

Similar Named Colors

Rose Taupe #905D5D ΔE 5.73
Mauve Taupe #915F6D ΔE 7.05
Copper Rose #996666 ΔE 7.36
Medium Taupe #674C47 ΔE 8.09

Code Snippets

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

/* Text */
.element {
    color: #7E5E60;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #7E5E60,
        #5E9E9A
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #7E5E60,
        #5E9E9A
    );
}

// SCSS variable
$deep-taupe: #7E5E60;

// With RGB channels (useful for rgba() usage)
$deep-taupe-r: 126;
$deep-taupe-g: 94;
$deep-taupe-b: 96;

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