Olive Color

Learn about Olive (#808000): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#808000
HEX #808000
RGB rgb(128, 128, 0)
HSL 60°, 100%, 25%

About Olive Color

Olive is a muted, earthy green that suggests stability and natural growth. It works well for military, outdoor, and organic brands.

Use Cases for Olive

outdoor brandsmilitary themeseco productsorganic foodnature themes

Shades & Tints of Olive

#ffffff
#dfdfbf
#c0c080
#a0a040
#808000
#606000
#404000
#202000
#000000

Complementary Color

#808000
#000080

Analogous Colors

#804000
#808000
#408000

CSS Code

.olive-color {
  color: #808000;
}

Contrast Recommendations

Black text on Olive
Ratio: 5.01:1 ✓ Passes AA ✗ Fails AAA
White text on Olive
Ratio: 4.2:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is Olive?

Olive is represented by the hex code #808000 and has RGB values of rgb(128, 128, 0). It falls under the Green category.

How to use Olive in web design?

Olive works well for outdoor brands, military themes, eco products. Olive is a muted, earthy green that suggests stability and natural growth. It works well for military, outdoor, and organic brands. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Olive?

Colors that pair well with Olive include olivedrab, darkolivegreen, yellowgreen, darkkhaki, greenyellow. For a complementary scheme, try #000080. For an analogous scheme, use #804000 and #408000.