Olive Green Hex Code: #808000 — Copy + RGB, Shades & Pairings

#808000 is the olive green hex code most designers need first. If you searched for olive green hex code, olive green color code, or olive hex, you want a muted yellow-green—not bright lawn green and not gray sage. CSS resolves color: olive; to this exact hex. Deeper UI olives such as #556B2F and moss #3D4A1F often feel more premium on navigation than the mid-tone alone.

Olive green hex code (the usual answers)

The canonical olive green hex on the web is the CSS named color olive, which is #808000 — rgb(128, 128, 0). At HSL(60, 100%, 25%) it sits midway between yellow and green: equal red and green channels with no blue, which is why olive reads earthy rather than neon. Not sure what to call a hex from a screenshot? Use our color name finder to match it to the nearest named color.

CSS named: #808000·Dark olive: #556B2F·Army green: #4B5320

Olive green colour code (UK) and RGB

British English searches for olive green colour code still expect hex on screen—the digits do not change by region. For accessibility documentation, list hex, RGB, and HSL so developers anywhere implement the same appearance.

• #808000 → RGB rgb(128, 128, 0)
• #556B2F → RGB rgb(85, 107, 47)

Olive green vs sage green vs forest green

Searchers often conflate natural greens. Olive (#808000) is a saturated yellow-green. Sage (#B2AC88) is a muted gray-green for wellness UI. Forest green (#228B22) is brighter and more purely green. Define which name maps to which hex in your style guide so developers do not swap them in CSS by habit.

Avoid stacking olive with forest green in the same layout unless one is clearly secondary—two natural greens fight for “which is the eco brand color.” Pair olive with terracotta or navy instead; see our forest green hex guide and sage green hex guide for adjacent ramps.

Olive green in UI and accessibility

Olive works for navigation bars, outdoor retail headers, and sustainability badges when contrast is verified. White text on #808000 can pass WCAG AA for large bold headings but may fail for small body copy—always test your exact font weight and size. On light backgrounds, use dark olive like #556B2F for text and links instead of the mid-tone swatch.

Dark mode needs separate tokens: olive headers that feel rich on white can glow too brightly on #111827. Desaturate accent olives by 10–15% for dark surfaces, and re-run contrast for every state. The contrast checker catches failures before launch.

Extend hover and disabled steps from #808000 in the palette generator, or blend olive with terracotta in the Color Mixing Simulator when you need custom autumn transitions.

Olive green in branding and print

Olive evokes olive oil, dry grasslands, and utilitarian workwear—categories where authenticity beats hyper-saturated digital green. Pair with terracotta and cream for food and hospitality; navy and gold when you need institutional weight. Document web olive (#808000) separately from print Pantone or textile dyes; fabric olive often reads grayer under store lighting.

When stakeholders ask for “army green,” show #4B5320 from the shade ladder rather than stretching #808000 darker in Photoshop. CMYK approximations for coated stock often land near C:0 M:0 Y:100 K:50, but always request a physical proof when packaging must match a screen token.

Also searched for

What is the olive green hex code?

The CSS named color olive is #808000, which is RGB(128, 128, 0) and HSL(60, 100%, 25%). Product teams often use darker olives such as #556B2F for navigation—document your canonical hex in a style guide.

What is the olive green RGB code?

For #808000, the olive green RGB code is RGB(128,128,0)—the same as rgb(128, 128, 0) in CSS. Dark olive #556B2F uses RGB(85,107,47) for navigation and pressed states.

What colors pair with olive green?

Terracotta (#E2725B), cream (#FFF8F0), navy (#000080), rust (#B7410E), and charcoal (#36454F) are reliable olive partners. Always verify text and button contrast with a WCAG checker.

Is olive green the same as army green?

Not exactly. Olive (#808000) is a balanced yellow-green at 25% lightness. Army green (#4B5320) is darker and grayer. Use separate tokens so UI hover states do not drift between them.

Related colors

• Forest Green Hex Code — richer yellow-green for eco UI
• Sage Green Hex Code — muted gray-green partner for olive layouts
• Terracotta Hex Code — warm clay accent beside olive

Where to go next

• Generate harmonies from any olive green hex
• Mix olive green with accent colors in the Color Mixing Simulator