Olive Drab hex code
The hex code for olive drab is #6B8E23. In RGB that is rgb(107, 142, 35) and in HSL it is hsl(80, 60%, 35%).
The hex code for olive drab is #6B8E23. In RGB that is rgb(107, 142, 35) and in HSL it is hsl(80, 60%, 35%).
Olive Drab · #6B8E23
Colour codes
- HEX
- #6B8E23
- RGB
- rgb(107, 142, 35)
- HSL
- hsl(80, 60%, 35%)
- CMYK
- 25, 0, 75, 44
- CSS name
- olivedrab
- Contrast on white
- 3.81:1
- Contrast on black
- 5.52:1
Tints and shades
20% lighter · #89a54f
40% lighter · #a6bb7b
60% lighter · #c4d2a7
80% lighter · #e1e8d3
20% darker · #56721c
40% darker · #405515
60% darker · #2b390e
80% darker · #151c07
Complementary colour
Olive Drab · #6B8E23
Opposite on the colour wheel · #47248f
Frequently asked questions
What is the hex code for olive drab?
The hex code for olive drab is #6B8E23. In RGB that is rgb(107, 142, 35) and in HSL it is hsl(80, 60%, 35%).
Can I use olive drab for text?
It has a contrast ratio of 3.81:1 on white and 5.52: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 drab?
Its complementary colour, opposite on the colour wheel, is #47248F. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of olive drab instead.
Is olive drab a CSS colour name?
Yes. CSS accepts the keyword olivedrab, so color: olivedrab and color: #6B8E23 render exactly the same.