Skip to content
ChromaBrew

Olive

Olive is green gone to ground — military, utilitarian, earthy. It brings gravity to palettes that would otherwise float, and pairs naturally with sand and cream.

outdoor and utilityearthy palettesmenswear

Values in every format

HEX
#808000
RGB
rgb(128, 128, 0)
HSL
hsl(60, 100%, 25%)
OKLCH
oklch(0.581 0.127 109.8)
CMYK
cmyk(0%, 0%, 100%, 49.8%)

Hue family: Yellow · closest CSS name: olive. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #808000 itself.

  1. 50#f9fadb
  2. 100#eff1c3
  3. 200#e2e4a5
  4. 300#d0d283
  5. 400#b7b95c
  6. 500#9fa036
  7. 600 ★#808000
  8. 700#6e6e00
  9. 800#565600
  10. 900#414100
  11. 950#282800

Build a full system from #808000

Harmonies with olive

Complementary

Maximum contrast — use one side for action, the other sparingly.

#808000 #000080

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#804000 #808000 #408000

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#808000 #008080 #800080

Measured contrast

on white4.2:1 · AA large only
on black5.01:1 · AA normal ✓

Check your own pairs