Olive hex code
The hex code for olive is #808000. In RGB that is rgb(128, 128, 0) and in HSL it is hsl(60, 100%, 25%).
The hex code for olive is #808000. In RGB that is rgb(128, 128, 0) and in HSL it is hsl(60, 100%, 25%).
Olive · #808000
Colour codes
- HEX
- #808000
- RGB
- rgb(128, 128, 0)
- HSL
- hsl(60, 100%, 25%)
- CMYK
- 0, 0, 100, 50
- CSS name
- olive
- Contrast on white
- 4.20:1
- Contrast on black
- 5.01:1
Tints and shades
20% lighter · #999933
40% lighter · #b3b366
60% lighter · #cccc99
80% lighter · #e6e6cc
20% darker · #666600
40% darker · #4d4d00
60% darker · #333300
80% darker · #1a1a00
Complementary colour
Olive · #808000
Opposite on the colour wheel · #000080
Frequently asked questions
What is the hex code for olive?
The hex code for olive is #808000. In RGB that is rgb(128, 128, 0) and in HSL it is hsl(60, 100%, 25%).
Can I use olive for text?
It has a contrast ratio of 4.20:1 on white and 5.01:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with olive?
Its complementary colour, opposite on the colour wheel, is #000080. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of olive instead.
Is olive a CSS colour name?
Yes. CSS accepts the keyword olive, so color: olive and color: #808000 render exactly the same.