brownwarmCC0 survey name

Warm Brown #964E02

Warm Brown is a dark, vivid warm color (#964E02; HSL 31° 97% 30%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “warm brown”.

Use cases: Earthy palettes · Warm neutrals

Open in generator →

Families: Browns · Rust Colors

Color values

FormatValue
HEX#964E02
RGBrgb(150, 78, 2)
HSLhsl(31, 97%, 30%)
HSVhsv(31, 99%, 59%)
OKLCHoklch(50.2% 0.121 56.6)
OKLaboklab(50.2% 0.0668 0.1012)
CMYKcmyk(0%, 48%, 98.7%, 41.2%)
XYZxyz(15.3146, 11.939, 1.5554)
CIE-LABlab(41.1, 25.9, 50.0)
CIE-LCHlch(41.1, 56.3, 62.6°)
Luminance0.119 (WCAG relative)
/* Warm Brown */ --warm-brown: #964e02; color: #964e02; background-color: #964e02;

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

Collections: Jewel Tone 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)

#864606 #773f08 #68380a #59300b #4b290b #3d220a #301c09 #231506 #170c03 #000000

Tints (toward white)

#a35e21 #b06f39 #bc8051 #c89168 #d3a380 #ddb598 #e6c7b1 #efd9cb #f7ece5 #ffffff

Tones (toward gray)

#925012 #8e521d #8a5427 #855630 #815838 #7b5a41 #765c49 #705e51 #695f59 #616161

Color harmonies

Complementary

Edit in generator →
#964E02
#024A96
#964e02 #024a96

Analogous

Edit in generator →
#960402
#964E02
#949602
#960402 #964e02 #949602

Triadic

Edit in generator →
#964E02
#02964E
#4E0296
#964e02 #02964e #4e0296

Tetradic

Edit in generator →
#964E02
#029604
#024A96
#960294
#964e02 #029604 #024a96 #960294

Square

Edit in generator →
#964E02
#029604
#024A96
#960294
#964e02 #029604 #024a96 #960294

Split Complementary

Edit in generator →
#964E02
#029496
#040296
#964e02 #029496 #040296

Monochromatic

Edit in generator →
#1E1000
#5A2F01
#964E02
#D26D03
#FC8C17
#1e1000 #5a2f01 #964e02 #d26d03 #fc8c17

Accessibility & contrast

6.20
#964E02 on #FFFFFF
AA text AA large AAA text UI 3:1
3.39
#964E02 on #000000
AA text AA large AAA text UI 3:1

Best text on warm brown

6.20
#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)
#645700
Deuteranopia (green-blind)
#756701
Tritanopia (blue-blind)
#A53D42

Closest named colors

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

ColorNameΔE₀₀
Saddlebrown #8B45135.13
Cinnamon #AC4F065.51
Sepia #985E2B5.83
Raw Umber #A75E096.10
Burnt Umber #A0450E6.15
Milk Chocolate #7F4E1E6.28

Colors that go with warm brown

Top matches by hue harmony, contrast and saturation compatibility.

Buff #FEF69E
5.6:1
Analogous hue (Δh ≈24°) — neighbors on the color wheel
Faded Yellow #FEFF7F
5.8:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Light Aquamarine #7BFDC7
4.9:1
Triadic harmony (Δh ≈124°) — balanced three-way contrast
Bright Cyan #41FDFE
4.9:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Dodgerblue #1E90FF
1.9:1
Complementary hue (Δh ≈179°) — 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.