Online Tools HarborOlive color codes
| CSS name | olive |
|---|---|
| HEX | #808000 |
| RGB | rgb(128, 128, 0) |
| HSL | hsl(60, 100%, 25%) |
| CMYK | cmyk(0%, 0%, 100%, 50%) |
| Decimal | 8421376 |
Shades of Olive (darker)
#737300 · #666600 · #5A5A00 · #4D4D00 · #404000 · #333300 · #262600 · #1A1A00 · #0D0D00
Tints of Olive (lighter)
#8D8D1A · #999933 · #A6A64D · #B3B366 · #C0C080 · #CCCC99 · #D9D9B3 · #E6E6CC · #F2F2E6
Color harmonies
| Complementary | #000080 |
|---|---|
| Triadic | #008080, #800080 |
| Analogous | #804000, #408000 |
Accessibility (WCAG contrast)
| White text on Olive | 4.20:1 · AA large text only |
|---|---|
| Black text on Olive | 5.01:1 · AA |
Use Olive in code
.element {
color: olive; /* or #808000 */
background-color: rgb(128 128 0 / 0.5);
}Frequently asked questions
What is the hex code for Olive?
Olive is #808000 in HEX, rgb(128, 128, 0) in RGB and hsl(60, 100%, 25%) in HSL.
Can I use "olive" directly in CSS?
Yes. "olive" is one of the 148 standard CSS named colors, so color: olive; works in every browser.
Is Olive readable on white?
The contrast ratio of Olive on white is 4.20:1 (WCAG AA large text only). On black it is 5.01:1 (AA).
What is the complementary color of Olive?
The complementary color (opposite on the color wheel) is #000080.
Similar colors
Olive Drab#6B8E23Dark Goldenrod#B8860BSaddle Brown#8B4513Dark Olive Green#556B2FSienna#A0522DChocolate#D2691EYellow Green#9ACD32Peru#CD853F
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.