Olive color values
| Format | Value |
|---|---|
| Hex | #808000 |
| RGB | rgb(128, 128, 0) |
| HSL | hsl(60, 100%, 25%) |
| HSV | 60, 100%, 50% |
| CMYK (simple conversion) | 0%, 0%, 100%, 50% |
| Decimal | 8421376 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Olive
This dark yellowish green resembles the skin of unripe olives. Designers often use it for military or outdoor themes in branding and interfaces. It conveys a muted, earthy feeling that works well as a subdued background or accent tone. It is one of the 148 CSS named colors.
Shades and tints of Olive
Tints mix Olive with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #8D8D1A | #737300 |
| 20% | #999933 | #666600 |
| 30% | #A6A64D | #5A5A00 |
| 40% | #B3B366 | #4D4D00 |
| 50% | #C0C080 | #404000 |
Color harmony for Olive
These colors keep the same saturation and lightness as Olive and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #000080 |
| Analogous | #804000 #408000 |
| Triadic | #008080 #800080 |
| Split complementary | #004080 #400080 |
Contrast and accessibility
Contrast between #808000 and white is 4.20:1 (large text only). Against black it is 5.01:1 (passes AA). For text on a Olive background, black text is the more readable choice.
Use Olive in CSS
.element {
color: olive;
background-color: #808000;
border-color: rgb(128 128 0);
outline-color: hsl(60 100% 25%);
}All four lines produce exactly the same color. The keyword olive is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Olive Drab: #6B8E23
- darkgoldenrod: #B8860B
- saddlebrown: #8B4513
- darkolivegreen: #556B2F
FAQ
What is the hex code for Olive?
The hex code for Olive is #808000. As a CSS color keyword you can also write olive.
What is Olive in RGB?
Olive is rgb(128, 128, 0): red 128, green 128, blue 0 on the 0 to 255 scale.
What color is closest to Olive?
Of the CSS named colors, olivedrab (#6B8E23) is the closest match to Olive, followed by darkgoldenrod and saddlebrown.
More colors
- Navy: previous page
- Olive Drab: next page
- CSS named colors: the full list