- No data uploaded
- Instant results
Olive — #808000
Olive is the CSS named colour olive, hex #808000. It has a contrast ratio of 4.20:1 on white and 5.01:1 on black — best used as text on dark backgrounds.
Olive — #808000
Contrast on white 4.20:1 · on black 5.01:1
Tints
Shades
Complementary
Triadic
Analogous
Using Olive in code
CSS: color: olive; or color: #808000; · Tailwind: text-[#808000] · Android/Flutter: 0xFF808000
Olive colour harmonies
Complementary: #000080 · Triadic: #008080, #800080 · Analogous: #804000, #408000. Use tints for backgrounds and shades for hover states.
Olive in every colour format
| Format | Value |
|---|---|
| HEX | #808000 |
| RGB | rgb(128, 128, 0) |
| HSL | hsl(60, 100%, 25%) |
| HSV | hsv(60, 100%, 50%) |
| CMYK | cmyk(0%, 0%, 100%, 50%) |
| CSS name | olive |
| Contrast on white | 4.20:1 |
| Contrast on black | 5.01:1 |
Frequently asked questions
What is the hex code for Olive?
#808000 (CSS name: olive).
What is Olive in RGB?
rgb(128, 128, 0)
What colour goes well with Olive?
Its complementary colour #000080, or the analogous #804000 and #408000.