Olive colour (#808000)

Olive is dark a yellow with hex code #808000, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 128, 128, 0; in HSL 60°, 100%, 25%. Use the tool to explore shades and harmonies.

✓ Runs in your browser — nothing uploaded Free, no sign-upNo watermark

How to use the Olive colour

  1. The colour is pre-filled; click Explore to see all formats, shades and harmonies.
  2. Edit the value to try a variation.
  3. Copy the code you need.

Olive in every format

FormatValue
HEX#808000
RGBrgb(128, 128, 0)
RGB (0–1)0.502, 0.502, 0.000
HSLhsl(60, 100%, 25%)
CMYK (approx.)0%, 0%, 100%, 50%
CSScolor: olive;

Shades and tints of Olive

Same hue and saturation, lightness from 90% to 10%:

#ffffcc #ffff99 #ffff66 #ffff33 #ffff00 #cccc00 #999900 #666600 #333300

Colours that go with Olive

HarmonyColours
Complementary #000080
Triadic #008080 #800080
Analogous #408000 #804000

Similar named colours

The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:

ColourHEXDifference
olivedrab #6b8e23close
darkgoldenrod #b8860bclose
saddlebrown #8b4513close
darkolivegreen #556b2fclose
sienna #a0522dclose

Accessibility

Contrast ratio of Olive against white is 4.2:1 (fails WCAG AA for normal text) and against black 5.01:1 (passes). Use black or very dark text on a Olive background rather than white.

Frequently asked questions

What is the hex code for Olive?

#808000.

What is Olive in RGB?

rgb(128, 128, 0).

What colour is complementary to Olive?

#000080, directly opposite on the colour wheel.

Privacy

This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.

Last updated 2026-09-23.