#808000
olive
#808000 is the CSS named color "olive", an exact match. In RGB it breaks down to red 128, green 128, and blue 0 out of 255 each. In HSL terms that's a hue of 60°, 100% saturation, and 25% lightness: quite dark, close to black — it works well as body text on a light background or as a near-black UI surface.
Every format
| HEX | #808000 |
| RGB | rgb(128, 128, 0) |
| HSL | hsl(60° 100% 25%) |
| HSB | hsb(60° 100% 50%) |
| OKLCH | oklch(58% 0.127 110°) |
| OKLAB | oklab(58% -0.043 0.119) |
| LCH | lch(52% 56.8 100°) |
| CMYK | cmyk(0% 0% 100% 50%) |
Shades (darker)
#808000 · #737200 · #656400 · #595700 · #4c4a00
Tints (lighter)
#808000 · #8c8d1c · #999a2e · #a6a73e · #b3b44c
Shades mix #808000 toward black in even steps, useful for hover and pressed states in a UI; tints mix it toward white, useful for subtle backgrounds and disabled states that still read as the same color family.
On white: 4.20:1 — AA (large text only)
On black: 5.01:1 — AA
Frequently asked
- What is #808000 in RGB?
- #808000 is rgb(128, 128, 0) — red 128, green 128, blue 0 out of 255 each.
- Does #808000 pass WCAG contrast on a white background?
- It has a contrast ratio of 4.20:1 against white, which passes WCAG AA (large text only) for normal text.
- What's a good background color to pair with #808000?
- Black text or a black background gives better contrast (5.01:1) than white (4.20:1).