Olive Drab #6B8E23

Olive Drab#6B8E23 · rgb(107, 142, 35)

Olive Drab color codes

CSS nameolivedrab
HEX#6B8E23
RGBrgb(107, 142, 35)
HSLhsl(80, 60%, 35%)
CMYKcmyk(25%, 0%, 75%, 44%)
Decimal7048739

Shades of Olive Drab (darker)

#608020 · #56721C · #4B6319 · #405515 · #364712 · #2B390E · #202B0B · #151C07 · #0B0E04

Tints of Olive Drab (lighter)

#7A9939 · #89A54F · #97B065 · #A6BB7B · #B5C791 · #C4D2A7 · #D3DDBD · #E1E8D3 · #F0F4E9

Color harmonies

Complementary
#47248F
Triadic
#246B8F, #8F246B
Analogous
#8F7D24, #368F24

Accessibility (WCAG contrast)

White text on Olive Drab3.81:1 · AA large text only
Black text on Olive Drab5.52:1 · AA

Use Olive Drab in code

.element {
  color: olivedrab;          /* or #6b8e23 */
  background-color: rgb(107 142 35 / 0.5);
}

Frequently asked questions

What is the hex code for Olive Drab?

Olive Drab is #6B8E23 in HEX, rgb(107, 142, 35) in RGB and hsl(80, 60%, 35%) in HSL.

Can I use "olivedrab" directly in CSS?

Yes. "olivedrab" is one of the 148 standard CSS named colors, so color: olivedrab; works in every browser.

Is Olive Drab readable on white?

The contrast ratio of Olive Drab on white is 3.81:1 (WCAG AA large text only). On black it is 5.52:1 (AA).

What is the complementary color of Olive Drab?

The complementary color (opposite on the color wheel) is #47248F.

Similar colors

Dark Olive Green#556B2FOlive#808000Forest Green#228B22Dim Gray#696969Dim Grey#696969Yellow Green#9ACD32Sea Green#2E8B57Sienna#A0522D

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.