olive
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity/808000/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/color/808000/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/808000/)Use the native HTML custom element.
#808000
CSS color
Overview
Olive is yellow taken to half brightness, rgb(128, 128, 0) at hex #808000, where the red and green channels are held equal at 128 and blue is absent. This yields a dark, earthy yellow-green at 60 degrees on the hue wheel — the muted counterpart of the yellow keyword within the sixteen basic HTML colors. Its low value and warm cast give olive a subdued, natural quality distinct from the brightness of pure yellow. The color is a practical background and accent where a softer, less saturated warm tone is wanted, and it contrasts cleanly with light neutrals and pale text.
Olive (#808000) is the classic CSS olive — an equal mix of CSS red and green, producing a dark, muted yellow-green with a distinctly earthy, military quality. Named after the color of unripe olive fruit, this dark yellowish-green has been associated with military camouflage and clothing for over a century. In contemporary design, olive is a sophisticated neutral warmth that pairs with rust, cream, and terracotta.
On this page
Color Values
#808000
128, 128, 0
60.0, 100.0%, 25.1%
60.0, 100.0%, 50.2%
0.0%, 0.0%, 100.0%, 49.8%
0.5807 0.1266 109.8
Properties
Color Psychology
Dark yellows and golds convey prestige, wisdom, and enduring value. Gold has represented wealth and achievement throughout human history, from pharaonic tombs to Olympic medals. These warm, deep tones suggest quality without the flashiness of brighter yellows.
Design Usage
Dark gold and amber tones suit financial services, premium memberships, and achievement badges. They work as accent text or icon colors against dark backgrounds for a luxurious feel. Pair them with charcoal, deep navy, or rich brown to create sophisticated, high-end interfaces.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #808000;
color: #808000;
border-color: #808000;
Lime 700
#4D7C0F
Tailwind Shades
Contrast Checker
Text on white
4.2:1
Text on black
5.01:1
Compare With
Part of These Collections
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #808000?
RGB(128, 128, 0) · HSL(60.0, 100.0%, 25.1%) · CMYK(0.0%, 0.0%, 100.0%, 49.8%)
Does #808000 meet WCAG contrast on white?
4.2:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #808000?
Use 000000 text on a #808000 background; contrast on black is 5.01:1.