yellowwarmCC0 survey name

Green Brown #544E03

Green Brown is a dark, vivid warm color (#544E03; HSL 56° 93% 17%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “green brown”.

Use cases: Highlights · Warm accents

Open in generator →

Families: Yellows

Color values

FormatValue
HEX#544E03
RGBrgb(84, 78, 3)
HSLhsl(56, 93%, 17%)
HSVhsv(56, 96%, 33%)
OKLCHoklch(41.67% 0.087 104.4)
OKLaboklab(41.67% -0.0215 0.0839)
CMYKcmyk(0%, 7.1%, 96.4%, 67.1%)
XYZxyz(6.3973, 7.3405, 1.166)
CIE-LABlab(32.6, -6.0, 39.7)
CIE-LCHlch(32.6, 40.1, 98.6°)
Luminance0.073 (WCAG relative)
/* Green Brown */ --green-brown: #544e03; color: #544e03; background-color: #544e03;

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

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)

#4c4606 #443f08 #3c3709 #343009 #2d2909 #262208 #1f1b07 #181504 #0e0c02 #000000

Tints (toward white)

#655e1f #766e37 #877f4e #999065 #aaa27e #bbb496 #ccc6b0 #ddd9ca #eeece4 #ffffff

Tones (toward gray)

#544e0e #544e18 #544d1f #534d26 #534d2d #524d34 #514d3a #504d40 #4e4d46 #4d4d4d

Color harmonies

Complementary

Edit in generator →
#544E03
#030954
#544e03 #030954

Analogous

Edit in generator →
#542603
#544E03
#315403
#542603 #544e03 #315403

Triadic

Edit in generator →
#544E03
#03544E
#4E0354
#544e03 #03544e #4e0354

Tetradic

Edit in generator →
#544E03
#035426
#030954
#540331
#544e03 #035426 #030954 #540331

Square

Edit in generator →
#544E03
#035426
#030954
#540331
#544e03 #035426 #030954 #540331

Split Complementary

Edit in generator →
#544E03
#033154
#260354
#544e03 #033154 #260354

Monochromatic

Edit in generator →
#1E1B01
#1E1B01
#544E03
#8F8505
#CABC07
#1e1b01 #1e1b01 #544e03 #8f8505 #cabc07

Accessibility & contrast

8.51
#544E03 on #FFFFFF
AA text AA large AAA text UI 3:1
2.47
#544E03 on #000000
AA text AA large AAA text UI 3:1

Best text on green brown

8.51
#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)
#564B00
Deuteranopia (green-blind)
#584E0A
Tritanopia (blue-blind)
#5B4841

Closest named colors

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

ColorNameΔE₀₀
Olive Brown #6454034.59
Dark Olive #373E028.19
Mud #735C128.51
Mud Brown #60460F8.79
Mud Green #6066028.84
Army Green #4B5D168.99

Colors that go with green brown

Top matches by hue harmony, contrast and saturation compatibility.

Buff #FEF69E
7.7:1
Same hue family as green brown (Δh 1°) — guaranteed harmony
Blush Pink #FE828C
3.6:1
UI contrast with the anchor (3.56:1, passes AA large text)
Light Cyan #ACFFFC
7.5:1
Triadic harmony (Δh ≈122°) — balanced three-way contrast
Light Blue #95D0FC
5.2:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Light Periwinkle #C1C6FC
5.2: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.