yellowwarmCC0 survey name

Muddy Brown #886806

Muddy Brown is a dark, vivid warm color (#886806; HSL 45° 92% 28%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “muddy brown”.

Use cases: Highlights · Warm accents

Open in generator →

Families: Yellows

Color values

FormatValue
HEX#886806
RGBrgb(136, 104, 6)
HSLhsl(45, 92%, 28%)
HSVhsv(45, 96%, 53%)
OKLCHoklch(53.47% 0.108 86.9)
OKLaboklab(53.47% 0.0058 0.1074)
CMYKcmyk(0%, 23.5%, 95.6%, 46.7%)
XYZxyz(15.1376, 15.1491, 2.2991)
CIE-LABlab(45.8, 4.5, 51.3)
CIE-LCHlch(45.8, 51.5, 85.0°)
Luminance0.151 (WCAG relative)
/* Muddy Brown */ --muddy-brown: #886806; color: #886806; background-color: #886806;

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

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)

#7a5d0a #6c530c #5e480e #513e0e #44350f #382b0e #2c220c #201908 #140f04 #000000

Tints (toward white)

#967626 #a3843f #b09256 #bca16d #c8b084 #d4bf9c #dfcfb4 #eadfcd #f5efe6 #ffffff

Tones (toward gray)

#866818 #856924 #83692f #816a38 #7e6a41 #7c6a4a #786b53 #756b5c #716c64 #6d6d6d

Color harmonies

Complementary

Edit in generator →
#886806
#062688
#886806 #062688

Analogous

Edit in generator →
#882706
#886806
#678806
#882706 #886806 #678806

Triadic

Edit in generator →
#886806
#068868
#680688
#886806 #068868 #680688

Tetradic

Edit in generator →
#886806
#068827
#062688
#880667
#886806 #068827 #062688 #880667

Square

Edit in generator →
#886806
#068827
#062688
#880667
#886806 #068827 #062688 #880667

Split Complementary

Edit in generator →
#886806
#066788
#270688
#886806 #066788 #270688

Monochromatic

Edit in generator →
#1D1601
#4D3B03
#886806
#C39509
#F5BD14
#1d1601 #4d3b03 #886806 #c39509 #f5bd14

Accessibility & contrast

5.21
#886806 on #FFFFFF
AA text AA large AAA text UI 3:1
4.03
#886806 on #000000
AA text AA large AAA text UI 3:1

Best text on muddy brown

5.21
#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)
#776800
Deuteranopia (green-blind)
#7E700F
Tritanopia (blue-blind)
#945D58

Closest named colors

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

ColorNameΔE₀₀
Poo Brown #885F014.25
Poo #8F73034.46
Hazel #8E76185.57
Mud #735C126.17
Raw Sienna #9A62007.70
Dirt Brown #8365398.53

Colors that go with muddy brown

Top matches by hue harmony, contrast and saturation compatibility.

3.6:1
Same hue family as muddy brown (Δh 1°) — guaranteed harmony
Pale Olive #B9CC81
3.0:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
3.4:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Dark Indigo #1F0954
3.3:1
Split-complementary angle (Δh ≈148°) — strong but softer than direct complement
Dark Blue #00035B
3.5:1
Complementary hue (Δh ≈167°) — 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.