Olive #808000
Olive, hex code #808000, is a dark yellow-green made from equal parts red and green light with no blue. It is medium-dark and earthy, with a muted feel. It looks like green olives or dry grass in shade, and people link it with the military, the outdoors, and Mediterranean food.
#808000 is the CSS keyword olive. CSS also has olivedrab (#6B8E23), a greener military shade, and darkolivegreen (#556B2F).
| HEX | #808000 | |
|---|---|---|
| RGB | rgb(128, 128, 0) | |
| HSL | hsl(60, 100%, 25%) | |
| HSV | hsv(60, 100%, 50%) | |
| CMYK | cmyk(0%, 0%, 100%, 50%) |
Text on Olive
Black text reads better on Olive. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Olive
Olive tints and shades
Tints mix Olive with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Olive color schemes
Color-wheel harmonies built by rotating the hue of #808000 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Olive color meaning
Olive's best-known symbol is the olive branch, a sign of peace with roots in ancient Greece and Rome. In the story of Noah, a dove returns with an olive leaf. The color carries a little of that calm, settled quality. Olive wreaths crowned winners at the ancient Olympic Games.
It also has a rugged, practical side. Olive and its relatives, such as olive drab, have long been used for military uniforms and gear, so the color can suggest toughness, utility, and camouflage.
In food and travel, olive points to the Mediterranean: groves, olive oil, and dry hillsides. Overall people read it as earthy, mature, and understated, a green that doesn't ask for attention. In fashion, olive is treated almost as a neutral, which keeps it popular for jackets, trousers, and bags.
How to use Olive in design
Olive is good for brands in food, outdoor clothing, organic goods, and anything aiming for a grounded look. On screens it is quite muted, so it works best as a background panel or accent next to cream, tan, or white. Both black and white text are borderline on it at small sizes. Use white for larger bold labels, or set body text on a lighter background. In fashion, olive jackets and trousers are staples that go with denim, white, and brown leather. In interiors it pairs with terracotta, natural wood, and linen.
Palettes with Olive tones
Curated palettes with a color close to #808000.
Colors similar to Olive
Work with Olive
Olive FAQ
What is the difference between olive and olive green?
In CSS, olive is a pure dark yellow-green with equal red and green. Olive green, which has no CSS keyword, usually means a slightly greener, less yellow shade with a bit of blue in it. In everyday speech people use the two names for the same family of muted, earthy greens.
What colors go with olive?
Warm earth tones are the natural match: terracotta, burnt orange, mustard, and tan. Cream and white lighten it up, and navy gives a smart, preppy contrast. In clothing, olive also works with denim, black, and brown leather, which is why it's treated almost like a neutral.