brownwarmCC0 survey name

Dark Taupe #7F684E

Dark Taupe is a mid-tone, muted warm color (#7F684E; HSL 32° 24% 40%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “dark taupe”.

Use cases: Earthy palettes · Warm neutrals

Open in generator →

Families: Browns · Tans

Color values

FormatValue
HEX#7F684E
RGBrgb(127, 104, 78)
HSLhsl(32, 24%, 40%)
HSVhsv(32, 39%, 50%)
OKLCHoklch(53.29% 0.048 69.9)
OKLaboklab(53.29% 0.0166 0.0453)
CMYKcmyk(0%, 18.1%, 38.6%, 50.2%)
XYZxyz(15.0782, 14.9634, 9.3002)
CIE-LABlab(45.6, 5.2, 18.1)
CIE-LCHlch(45.6, 18.8, 73.9°)
Luminance0.150 (WCAG relative)
/* Dark Taupe */ --dark-taupe: #7f684e; color: #7f684e; background-color: #7f684e;

Source: xkcd color survey name (public domain, CC0). CSS keyword: darktaupe.

Collections: Muted Colors · Earth Tone Colors · Boho Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#725d46 #65533f #584837 #4b3e30 #3f3529 #332b22 #28221b #1d1915 #120f0c #000000

Tints (toward white)

#8c765e #98846f #a5937f #b2a191 #beb0a2 #cbc0b4 #d8cfc6 #e5dfd9 #f2efec #ffffff

Tones (toward gray)

#7d6851 #7c6954 #7a6957 #786a5a #766a5d #746a60 #726b63 #706b66 #6e6b69 #6c6c6c

Color harmonies

Complementary

Edit in generator →
#7F684E
#4E657F
#7f684e #4e657f

Analogous

Edit in generator →
#7F504E
#7F684E
#7D7F4E
#7f504e #7f684e #7d7f4e

Triadic

Edit in generator →
#7F684E
#4E7F68
#684E7F
#7f684e #4e7f68 #684e7f

Tetradic

Edit in generator →
#7F684E
#4E7F50
#4E657F
#7F4E7D
#7f684e #4e7f50 #4e657f #7f4e7d

Square

Edit in generator →
#7F684E
#4E7F50
#4E657F
#7F4E7D
#7f684e #4e7f50 #4e657f #7f4e7d

Split Complementary

Edit in generator →
#7F684E
#4E7D7F
#504E7F
#7f684e #4e7d7f #504e7f

Monochromatic

Edit in generator →
#332A1F
#594937
#7F684E
#A28768
#BAA58E
#332a1f #594937 #7f684e #a28768 #baa58e

Accessibility & contrast

5.26
#7F684E on #FFFFFF
AA text AA large AAA text UI 3:1
3.99
#7F684E on #000000
AA text AA large AAA text UI 3:1

Best text on dark taupe

5.26
#FFFFFF 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. Open the contrast checker →

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.

Normal vision
Protanopia (red-blind)
#70694C
Deuteranopia (green-blind)
#766E4F
Tritanopia (blue-blind)
#876361

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Dull Brown #876E4B3.76
Grey Brown #7F70535.07
Dirt #8A6E455.23
Dirt Brown #8365395.53
Cocoa #875F426.53
Mocha #9D76518.78

Colors that go with dark taupe

Top matches by hue harmony, contrast and saturation compatibility.

4.5:1
Same hue family as dark taupe (Δh 4°) — guaranteed harmony
Beige #F5F5DC
4.8:1
Analogous hue (Δh ≈28°) — neighbors on the color wheel
Pale Lilac #E4CBFF
3.6:1
Triadic harmony (Δh ≈123°) — balanced three-way contrast
Azure (CSS) #F0FFFF
5.1:1
Split-complementary angle (Δh ≈148°) — strong but softer than direct complement
Light Navy #155084
1.6:1
Complementary hue (Δh ≈176°) — maximum hue contrast

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.