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).

Olive color codes
HEX#808000
RGBrgb(128, 128, 0)
HSLhsl(60, 100%, 25%)
HSVhsv(60, 100%, 50%)
CMYKcmyk(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.

White text

The quick brown fox jumps over the lazy dog.

4.19:1 · AA large
Black text

The quick brown fox jumps over the lazy dog.

5.00:1 · AA

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

#939326
#A6A64D
#B9B973
#CCCC99
#DFDFBF

Shades

#6D6D00
#5A5A00
#464600
#333300
#202000

Olive color schemes

Color-wheel harmonies built by rotating the hue of #808000 and keeping its saturation and lightness.

Complementary

#808000
#000080

Analogous

#804000
#808000
#408000

Triadic

#808000
#008080
#800080

Split complementary

#808000
#004080
#400080

Tetradic

#808000
#008040
#000080
#800040

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.