yellowwarmCC0 survey name

Brown Green #706C11

Brown Green is a dark, vivid warm color (#706C11; HSL 57° 74% 25%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “brown green”.

Use cases: Highlights · Warm accents

Open in generator →

Families: Yellows · Olive Colors

Color values

FormatValue
HEX#706C11
RGBrgb(112, 108, 17)
HSLhsl(57, 74%, 25%)
HSVhsv(57, 85%, 44%)
OKLCHoklch(51.87% 0.105 106.8)
OKLaboklab(51.87% -0.0304 0.1005)
CMYKcmyk(0%, 3.6%, 84.8%, 56.1%)
XYZxyz(12.1464, 14.2108, 2.6333)
CIE-LABlab(44.5, -9.1, 46.5)
CIE-LCHlch(44.5, 47.4, 101.0°)
Luminance0.142 (WCAG relative)
/* Brown Green */ --brown-green: #706c11; color: #706c11; background-color: #706c11;

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

Collections: Dark Colors · Olive Green Colors · 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)

#656112 #595612 #4e4b12 #444112 #393611 #2f2c10 #25230d #1c1a0a #121005 #000000

Tints (toward white)

#7f792c #8e8743 #9c9559 #aba470 #b9b287 #c7c19e #d5d0b6 #e3e0ce #f1efe6 #ffffff

Tones (toward gray)

#706c1e #706b28 #706b31 #706b3a #706a42 #6f6a4a #6e6a52 #6d6a5a #6b6962 #696969

Color harmonies

Complementary

Edit in generator →
#706C11
#111570
#706c11 #111570

Analogous

Edit in generator →
#703D11
#706C11
#447011
#703d11 #706c11 #447011

Triadic

Edit in generator →
#706C11
#11706C
#6C1170
#706c11 #11706c #6c1170

Tetradic

Edit in generator →
#706C11
#11703D
#111570
#701144
#706c11 #11703d #111570 #701144

Square

Edit in generator →
#706C11
#11703D
#111570
#701144
#706c11 #11703d #111570 #701144

Split Complementary

Edit in generator →
#706C11
#114470
#3D1170
#706c11 #114470 #3d1170

Monochromatic

Edit in generator →
#1B1A04
#3B3909
#706C11
#A59F19
#DAD221
#1b1a04 #3b3909 #706c11 #a59f19 #dad221

Accessibility & contrast

5.47
#706C11 on #FFFFFF
AA text AA large AAA text UI 3:1
3.84
#706C11 on #000000
AA text AA large AAA text UI 3:1

Best text on brown green

5.47
#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)
#766700
Deuteranopia (green-blind)
#786B19
Tritanopia (blue-blind)
#79645C

Closest named colors

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

ColorNameΔE₀₀
Mud Green #6066024.23
Olive Drab #6F76326.19
Murky Green #6C7A0E6.60
Olive Green #677A047.45
Muddy Green #6574327.91
Olive #8080008.00

Colors that go with brown green

Top matches by hue harmony, contrast and saturation compatibility.

Manilla #FFFA86
5.0:1
Same hue family as brown green (Δh 0°) — guaranteed harmony
Sandybrown #F4A460
2.7:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
4.5:1
Text-safe contrast with the anchor (4.52:1, passes WCAG AA)
3.5:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Dark Blue #00035B
3.3: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.