yellowwarmCC0 survey name

Olive Yellow #C2B709

Olive Yellow is a mid-tone, vivid warm color (#C2B709; HSL 56° 91% 40%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “olive yellow”.

Use cases: Highlights · Warm accents

Open in generator →

Families: Yellows · Olive Colors · Golds · Mustard Colors

Color values

FormatValue
HEX#C2B709
RGBrgb(194, 183, 9)
HSLhsl(56, 91%, 40%)
HSVhsv(56, 95%, 76%)
OKLCHoklch(76.43% 0.161 105.2)
OKLaboklab(76.43% -0.0422 0.1553)
CMYKcmyk(0%, 5.7%, 95.4%, 23.9%)
XYZxyz(39.2328, 45.3577, 6.9467)
CIE-LABlab(73.1, -11.9, 73.8)
CIE-LCHlch(73.1, 74.7, 99.2°)
Luminance0.454 (WCAG relative)
/* Olive Yellow */ --olive-yellow: #c2b709; color: #c2b709; background-color: #c2b709;

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

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

#ada310 #988f14 #847c16 #716916 #5e5716 #4b4614 #393512 #29250f #191609 #000000

Tints (toward white)

#cabe34 #d2c54f #d9cc66 #e0d37c #e7da92 #ece1a8 #f2e9bd #f7f0d3 #fbf7e9 #ffffff

Tones (toward gray)

#c2b72c #c2b640 #c2b651 #c1b561 #c0b56f #bfb47d #bdb48b #bab499 #b7b4a6 #b3b3b3

Color harmonies

Complementary

Edit in generator →
#C2B709
#0914C2
#c2b709 #0914c2

Analogous

Edit in generator →
#C25A09
#C2B709
#71C209
#c25a09 #c2b709 #71c209

Triadic

Edit in generator →
#C2B709
#09C2B7
#B709C2
#c2b709 #09c2b7 #b709c2

Tetradic

Edit in generator →
#C2B709
#09C25A
#0914C2
#C20971
#c2b709 #09c25a #0914c2 #c20971

Square

Edit in generator →
#C2B709
#09C25A
#0914C2
#C20971
#c2b709 #09c25a #0914c2 #c20971

Split Complementary

Edit in generator →
#C2B709
#0971C2
#5A09C2
#c2b709 #0971c2 #5a09c2

Monochromatic

Edit in generator →
#4D4904
#888006
#C2B709
#F4E714
#F7ED4F
#4d4904 #888006 #c2b709 #f4e714 #f7ed4f

Accessibility & contrast

2.09
#C2B709 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
10.07
#C2B709 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on olive yellow

10.07
#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)
#C8B000
Deuteranopia (green-blind)
#CCB623
Tritanopia (blue-blind)
#D1A99C

Closest named colors

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

ColorNameΔE₀₀
Mustard Yellow #D2BD0A3.29
Muddy Yellow #BFAC053.41
Dirty Yellow #CDC50A3.66
Dark Yellow #D5B60A5.25
Mustard Green #A8B5046.07
Piss Yellow #DDD6187.76

Colors that go with olive yellow

Top matches by hue harmony, contrast and saturation compatibility.

Beige #F5F5DC
1.9:1
Same hue family as olive yellow (Δh 4°) — guaranteed harmony
Maroon #800000
5.3:1
Warm/cool bridge (Δh 56°) — adds depth without tension
Purple #800080
4.5:1
Triadic harmony (Δh ≈116°) — balanced three-way contrast
Indigo #4B0082
6.2:1
Split-complementary angle (Δh ≈142°) — strong but softer than direct complement
7.1:1
Complementary hue (Δh ≈176°) — 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.