brownwarmCC0 survey name

Dark Brown #341C02

Dark Brown is a dark, vivid warm color (#341C02; HSL 31° 93% 11%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “dark brown”.

Use cases: Earthy palettes · Warm neutrals

Open in generator →

Families: Browns

Color values

FormatValue
HEX#341C02
RGBrgb(52, 28, 2)
HSLhsl(31, 93%, 11%)
HSVhsv(31, 96%, 20%)
OKLCHoklch(25.35% 0.054 64.5)
OKLaboklab(25.35% 0.0233 0.0488)
CMYKcmyk(0%, 46.2%, 96.2%, 79.6%)
XYZxyz(1.8425, 1.5651, 0.2625)
CIE-LABlab(13.0, 9.2, 18.7)
CIE-LCHlch(13.0, 20.8, 63.7°)
Luminance0.016 (WCAG relative)
/* Dark Brown */ --dark-brown: #341c02; color: #341c02; background-color: #341c02;

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

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)

#301a02 #2c1802 #271602 #231401 #201201 #1c0f01 #170b01 #110800 #090400 #000000

Tints (toward white)

#472f1b #5a4331 #6e5847 #826e5f #968478 #ab9c91 #bfb4ac #d4ccc7 #eae5e3 #ffffff

Tones (toward gray)

#321d06 #311d0b #2f1e0f #2e1e12 #2c1f15 #2a1f17 #28201a #26211c #24211f #222222

Color harmonies

Complementary

Edit in generator →
#341C02
#021A34
#341c02 #021a34

Analogous

Edit in generator →
#340302
#341C02
#333402
#340302 #341c02 #333402

Triadic

Edit in generator →
#341C02
#02341C
#1C0234
#341c02 #02341c #1c0234

Tetradic

Edit in generator →
#341C02
#023403
#021A34
#340233
#341c02 #023403 #021a34 #340233

Square

Edit in generator →
#341C02
#023403
#021A34
#340233
#341c02 #023403 #021a34 #340233

Split Complementary

Edit in generator →
#341C02
#023334
#030234
#341c02 #023334 #030234

Monochromatic

Edit in generator →
#1D1001
#1D1001
#341C02
#6F3C04
#AA5B07
#1d1001 #1d1001 #341c02 #6f3c04 #aa5b07

Accessibility & contrast

15.99
#341C02 on #FFFFFF
AA text AA large AAA text UI 3:1
1.31
#341C02 on #000000
AA text AA large AAA text UI 3:1

Best text on dark brown

15.99
#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)
#241E00
Deuteranopia (green-blind)
#292402
Tritanopia (blue-blind)
#3A1617

Closest named colors

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

ColorNameΔE₀₀
Chocolate Brown #4119006.24
Espresso #4B382A9.41
Deep Brown #41020014.33
Mahogany #4A010014.71
Dried Blood #4B010114.86
Walnut #5C4A3D15.20

Colors that go with dark brown

Top matches by hue harmony, contrast and saturation compatibility.

Camel #C19A6B
6.2:1
Same hue family as dark brown (Δh 2°) — guaranteed harmony
Beige #F5F5DC
14.4:1
Analogous hue (Δh ≈29°) — neighbors on the color wheel
13.2:1
Triadic harmony (Δh ≈122°) — balanced three-way contrast
Dull Teal #5F9E8F
5.2:1
Triadic harmony (Δh ≈135°) — balanced three-way contrast
Cloudy Blue #ACC2D9
8.7: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.