Skip to content

Olive #808000

Yellow that went to war and came home wise.

RGB
128, 128, 0
HSL
60°, 100%, 25%
CMYK
0, 0, 100, 50
Luminance
0.2003

About Olive

Olive, #808000, is dark yellow — a color almost nobody names as a favorite and almost every wardrobe and army depends on. It is the shade of the fruit, the branch and the drab that camouflaged the twentieth century.

History

The olive branch has meant peace since antiquity — which makes it history’s irony that “olive drab” became the color of both world wars’ uniforms, chosen because it disappears into terrain. Military surplus then marched it into fashion, where it never left.

Psychology

Olive reads as earthy, seasoned and unflashy — sophistication that has nothing to prove. It carries quiet authority: utility clothing, field gear and heritage outdoor brands all lean on it.

In design

Olive is a superb warm neutral between green and brown: #556b2f-class darks anchor organic and military-heritage palettes; lighter sage-adjacent olives soften interfaces. Pair with cream, rust, camel and black. As text, #808000 sits at the AA borderline on white — go darker for comfort.

In culture

Extending the olive branch, olive-skinned, extra-virgin: the word does triple duty for peace, complexion and cuisine. Olive drab is the rare color with a military serial number (OD Green, FS 34087).

Brands that own olive

Shades of olive

Every format

HEX#808000
RGBrgb(128, 128, 0)
HSLhsl(60, 100%, 25%)
CMYKcmyk(0%, 0%, 100%, 50%)
LABlab(51.9 -12.9 56.7)
LCHlch(51.9 58.1 102.9)
OKLCHoklch(0.581 0.127 109.8)

Copy-ready code

/* CSS */
color: #808000;
background-color: #808000;
/* Tailwind (arbitrary) */
class="text-[#808000] bg-[#808000]"
/* SCSS */
$brand: #808000;
/* SwiftUI */
Color(red: 0.502, green: 0.502, blue: 0.000)
/* Android */
Color.parseColor("#808000")

Accessibility — WCAG contrast

Aa
#808000 on white: 4.20:1
AA ✗ fail · AA-large · AAA
Aa
#808000 on black: 5.01:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red50.2%
Green50.2%
Blue0.0%

CMYK percentages

Cyan0.0%
Magenta0.0%
Yellow100.0%
Key (black)49.8%

Color previews

#808000 text on a black background

contrast 5.01:1

Card sample

#808000 text on a white background

contrast 4.20:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #808000;
Background color
Panel with #808000 background
background-color: #808000;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #808000;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(128, 128, 0, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(128, 128, 0, 0.45);
Border & gradient
Gradient panel
border: 3px solid #808000;
background: linear-gradient(135deg, #808000, #2B8000);

Monochromatic scale

Palettes built from #808000

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Olive, answered

What is the hex code for olive?

CSS olive is #808000 — dark yellow at half intensity. Darker staples: dark olive green #556b2f, army green #4b5320, olive drab #6b8e23.

Why do militaries use olive?

Olive drab blends into the widest range of natural terrain in varied light, and it hides dirt and wear — practical camouflage before pattern camo existed.

What colors pair with olive?

Cream, camel, rust and black for heritage looks; blush pink modernizes it; denim blues make it casual. It behaves as a neutral despite being a hue.

Work with #808000 in the Color Lab