brownneutral
Taupe #8B7D6B
A gray-brown between brown and gray. Understated and elegant; excellent as a neutral base.
Use cases: Elegant neutrals · Fashion
Color values
| Format | Value | |
|---|---|---|
| HEX | #8B7D6B | |
| RGB | rgb(139, 125, 107) | |
| HSL | hsl(34, 13%, 48%) | |
| HSV | hsv(34, 23%, 55%) | |
| CMYK | cmyk(0%, 10.1%, 23%, 45.5%) | |
| XYZ | xyz(20.635, 21.2183, 16.9156) | |
| CIE-LAB | lab(53.2, 2.3, 11.8) | |
| Luminance | 0.212 (WCAG relative) |
/* Taupe */
color: #8b7d6b;
background-color: #8b7d6b;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#7d7160 #6f6456 #61584b #534b40 #463f36 #38322b #2a2620 #1c1915 #0e0d0b #000000
Tints (toward white)
#978a7a #a29789 #aea497 #b9b1a6 #c5beb5 #d1cbc4 #dcd8d3 #e8e5e1 #f3f2f0 #ffffff
Tones (toward gray)
#8a7d6d #897e6f #887e71 #877e73 #867f76 #847f78 #837f7a #827f7c #81807e #808080
Color harmonies
Complementary
Edit in generator →#8B7D6B
#6B798B
#8b7d6b #6b798b
Analogous
Edit in generator →#8B6D6B
#8B7D6B
#898B6B
#8b6d6b #8b7d6b #898b6b
Triadic
Edit in generator →#8B7D6B
#6B8B7D
#7D6B8B
#8b7d6b #6b8b7d #7d6b8b
Tetradic
Edit in generator →#8B7D6B
#6B8B6D
#6B798B
#8B6B89
#8b7d6b #6b8b6d #6b798b #8b6b89
Split Complementary
Edit in generator →#8B7D6B
#6B898B
#6D6B8B
#8b7d6b #6b898b #6d6b8b
Monochromatic
Edit in generator →#463F36
#685E50
#8B7D6B
#A79B8C
#C1B9AF
#463f36 #685e50 #8b7d6b #a79b8c #c1b9af
Accessibility & contrast
4.00
#8B7D6B on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
5.24
#8B7D6B on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓
Best text on taupe
5.24
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Gray #808080 | 9.62 | |
| Camel #C19A6B | 15.24 | |
| Dark Gray #A9A9A9 | 16.88 | |
| Copper #B87333 | 16.90 | |
| Khaki #C3B091 | 16.98 | |
| Umber #635147 | 17.07 |
Related colors
Palettes with taupe
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.