orangeneutralCC0 survey name

Warm Grey #978A84

Warm Grey is a mid-tone, muted neutral color (#978A84; HSL 19° 8% 55%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “warm grey”.

Use cases: CTAs · Energy accents

Open in generator →

Families: Oranges

Color values

FormatValue
HEX#978A84
RGBrgb(151, 138, 132)
HSLhsl(19, 8%, 55%)
HSVhsv(19, 13%, 59%)
OKLCHoklch(64.31% 0.018 46.5)
OKLaboklab(64.31% 0.0124 0.0131)
CMYKcmyk(0%, 8.6%, 12.6%, 40.8%)
XYZxyz(26.0155, 26.4227, 25.5549)
CIE-LABlab(58.4, 3.8, 5.0)
CIE-LCHlch(58.4, 6.3, 52.6°)
Luminance0.264 (WCAG relative)
/* Warm Grey */ --warm-grey: #978a84; color: #978a84; background-color: #978a84;

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

Collections: Muted Colors · Warm Gray 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)

#877b76 #776d68 #675f5b #58514e #4a4441 #3b3735 #2e2a29 #211e1e #141312 #000000

Tints (toward white)

#a19590 #aba09b #b5aca7 #c0b7b3 #cac3c0 #d4cfcc #dfdbd9 #eae7e5 #f4f3f2 #ffffff

Tones (toward gray)

#968a85 #958b86 #948b87 #938b87 #928b88 #918b89 #908c8a #8f8c8b #8e8c8c #8c8c8c

Color harmonies

Complementary

Edit in generator →
#978A84
#849197
#978a84 #849197

Analogous

Edit in generator →
#978487
#978A84
#979384
#978487 #978a84 #979384

Triadic

Edit in generator →
#978A84
#84978A
#8A8497
#978a84 #84978a #8a8497

Tetradic

Edit in generator →
#978A84
#879784
#849197
#938497
#978a84 #879784 #849197 #938497

Square

Edit in generator →
#978A84
#879784
#849197
#938497
#978a84 #879784 #849197 #938497

Split Complementary

Edit in generator →
#978A84
#849793
#848797
#978a84 #849793 #848797

Monochromatic

Edit in generator →
#574E4A
#786B66
#978A84
#B3AAA5
#CFC9C6
#574e4a #786b66 #978a84 #b3aaa5 #cfc9c6

Accessibility & contrast

3.34
#978A84 on #FFFFFF
AA text AA large AAA text UI 3:1
6.28
#978A84 on #000000
AA text AA large AAA text UI 3:1

Best text on warm grey

6.28
#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. 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)
#8D8B84
Deuteranopia (green-blind)
#908E84
Tritanopia (blue-blind)
#9B8888

Closest named colors

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

ColorNameΔE₀₀
Taupe #8B7D6B7.68
Gray #8080807.88
Stone #A89F918.24
Grey #9295918.73
Medium Grey #7D7F7C9.27
Mushroom #BA9E8810.39

Colors that go with warm grey

Top matches by hue harmony, contrast and saturation compatibility.

Espresso #4B382A
3.3:1
Same hue family as warm grey (Δh 7°) — guaranteed harmony
Cornsilk #FFF8DC
3.1:1
Analogous hue (Δh ≈29°) — neighbors on the color wheel
Grey Purple #826D8C
1.4:1
Close value pairing (1.39:1) — use for large surfaces, not small text
Evergreen #05472A
3.2:1
Triadic harmony (Δh ≈135°) — balanced three-way contrast
Charcoal #36454F
3.0:1
Complementary hue (Δh ≈175°) — 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.