Taupe Gray
HEX: #8B8589 | Modern Palette
Color Specifications
#8B8589
139, 133, 137
320°, 4% ,54%
0, 4.32, 1.44, 45.49
About Taupe Gray
Taupe Gray (#8B8589) is a color with RGB(139, 133, 137) and HSL(320°, 4.32%, 54.51%). It is commonly associated with Minimal moods. In design, it fits Monochrome, Muted styles and is suitable for Text, Background, Border. Its complementary color is #858B87, which creates strong contrast. Its triadic palette includes #898B85 and #85898B. The name comes from taupe (French).
- HEX: #8B8589
- RGB: 139, 133, 137
- HSL: 320°, 4.32%, 54.51%
- Mood: Minimal
- Style: Monochrome, Muted
- Use case: Text, Background, Border
- Complementary color: #858B87
- Triadic colors: #898B85, #85898B
- The name comes from taupe (French).
Live Components
Color Palettes
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 #8B8589 from deepest shade to lightest tint.
Color Characteristics
Accessibility Simulation
#878789
#868689
#8A8686
#878787
Frequently Asked Questions
Name, History & Etymology
History
The word 'taupe' itself comes from the French word for 'mole,' referring to the typical color of the European mole's fur. This fur is not a uniform color but rather a blend of brown and gray, which is precisely what 'taupe' as a color aims to capture. Initially, 'taupe' referred more specifically to a brownish-gray. Over time, its interpretation has broadened, leading to many variations, including 'Taupe Gray' which emphasizes the gray component while retaining the underlying warmth or earthiness associated with taupe. The addition of 'Gray' clarifies that this particular shade leans more towards the cooler, grayer end of the taupe spectrum.
First Recorded Use
The color 'taupe' as a descriptor for a specific shade of brownish-gray gained popularity in the early 19th century, particularly in fashion and interior design. The first recorded use of 'taupe' to describe a color in English dates back to around 1846.
Cultural Associations
Taupe, in general, is often associated with sophistication, timelessness, and neutrality. It's a popular choice in interior design for creating calm and elegant spaces, as it provides more warmth than a pure gray but is less stark than a pure brown. 'Taupe Gray' specifically offers a modern and versatile aesthetic, bridging the gap between cool grays and warmer earth tones. It's frequently seen in minimalist designs, contemporary fashion, and as a foundational neutral in various palettes.
Code Snippets
/* Background */
.element {
background-color: #8B8589;
}
/* Text */
.element {
color: #8B8589;
}
/* Border */
.element {
border: 1px solid #8B8589;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#8B8589,
#869089
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#8B8589,
#869089
);
}// SCSS variable
$taupe-gray: #8B8589;
// With RGB channels (useful for rgba() usage)
$taupe-gray-r: 139;
$taupe-gray-g: 133;
$taupe-gray-b: 137;
// Usage
.element {
background-color: $taupe-gray;
color: rgba($taupe-gray-r, $taupe-gray-g, $taupe-gray-b, 0.8);
}