yellowwarmCC0 survey name

Drab #828344

Drab is a mid-tone, moderately saturated warm color (#828344; HSL 61° 32% 39%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “drab”.

Use cases: Highlights · Warm accents

Open in generator →

Families: Yellows · Olive Colors

Color values

FormatValue
HEX#828344
RGBrgb(130, 131, 68)
HSLhsl(61, 32%, 39%)
HSVhsv(61, 48%, 51%)
OKLCHoklch(59.46% 0.085 109.5)
OKLaboklab(59.46% -0.0285 0.0804)
CMYKcmyk(0.8%, 0%, 48.1%, 48.6%)
XYZxyz(18.366, 21.3962, 8.6301)
CIE-LABlab(53.4, -10.0, 33.7)
CIE-LCHlch(53.4, 35.2, 106.5°)
Luminance0.214 (WCAG relative)
/* Drab */ --drab: #828344; color: #828344; background-color: #828344;

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

Collections: Muted 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)

#74753e #676737 #5a5a31 #4d4d2b #414125 #35341f #292919 #1e1d13 #13120b #000000

Tints (toward white)

#8f8f56 #9b9a67 #a8a679 #b4b38c #c1bf9e #cdccb1 #dad8c4 #e6e5d7 #f2f2eb #ffffff

Tones (toward gray)

#82834a #828250 #828257 #82825d #828162 #828168 #82806e #818074 #80807a #7f7f7f

Color harmonies

Complementary

Edit in generator →
#828344
#454483
#828344 #454483

Analogous

Edit in generator →
#836544
#828344
#638344
#836544 #828344 #638344

Triadic

Edit in generator →
#828344
#448283
#834482
#828344 #448283 #834482

Tetradic

Edit in generator →
#828344
#448365
#454483
#834463
#828344 #448365 #454483 #834463

Square

Edit in generator →
#828344
#448365
#454483
#834463
#828344 #448365 #454483 #834463

Split Complementary

Edit in generator →
#828344
#446383
#654483
#828344 #446383 #654483

Monochromatic

Edit in generator →
#32321A
#5A5B2F
#828344
#A8AA5B
#BEBF83
#32321a #5a5b2f #828344 #a8aa5b #bebf83

Accessibility & contrast

3.98
#828344 on #FFFFFF
AA text AA large AAA text UI 3:1
5.28
#828344 on #000000
AA text AA large AAA text UI 3:1

Best text on drab

5.28
#000000 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)
#8C7E3F
Deuteranopia (green-blind)
#8C8147
Tritanopia (blue-blind)
#8A7C74

Closest named colors

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

ColorNameΔE₀₀
Khaki Green #7286395.52
Camo #7F8F4E5.52
Olive Drab #6F76325.98
Dark Khaki #9B8F556.92
Swamp #6983397.12
Military Green #667C3E7.56

Colors that go with drab

Top matches by hue harmony, contrast and saturation compatibility.

Beige #F5F5DC
3.6:1
Same hue family as drab (Δh 1°) — guaranteed harmony
Bisque #FFE4C4
3.3:1
Analogous hue (Δh ≈28°) — neighbors on the color wheel
1.5:1
Triadic harmony (Δh ≈116°) — balanced three-way contrast
Cerulean #007BA7
1.2:1
Triadic harmony (Δh ≈135°) — balanced three-way contrast
Night Blue #040348
4.8:1
Complementary hue (Δh ≈180°) — 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.