#808000 rgb(128, 128, 0) 60°, 100%, 25% Use Olive in Your Projects
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
Shades & Tints of Olive
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.olive-color {
color: #808000;
background-color: #808000;
}
/* As a CSS custom property */
:root {
--color-olive: #808000;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
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. For a triadic scheme, combine with #008080 and #800080.