Olive HEX Code
The HEX code for olive is #808000. Olive is a dark yellow-green color resembling unripe or green olives. It's created by combining equal parts red and green with no blue, then darkening the result.
Olive Color Values
| Format | Value |
|---|---|
| HEX | #808000 |
| RGB | rgb(128, 128, 0) |
| HSL | hsl(60, 100%, 25%) |
| CMYK | C:0 M:0 Y:100 K:50 |
Olive Shades and Variations
| Shade | HEX | Description |
|---|---|---|
| Light Olive | #BAB86C | Lighter |
| Yellow Green | #9ACD32 | Brighter |
| Olive | #808000 | CSS olive |
| Olive Drab | #6B8E23 | Military |
| Dark Olive Green | #556B2F | Deep |
| Army Green | #4B5320 | Very dark |
Olive in Design
Olive conveys:
- Nature: Earthy, organic
- Military: Camouflage, tactical
- Sophistication: Muted elegance
- Vintage: Retro, classic
Using Olive in Design
``css
/* Olive palette */
:root {
--olive-light: #9ACD32;
--olive: #808000;
--olive-dark: #556B2F;
}
/* Military/tactical style */
.tactical {
background-color: #6B8E23;
color: #F5F5DC;
}
``
Olive Color Palettes
| Theme | Primary | Secondary | Accent |
|---|---|---|---|
| Military | #6B8E23 | #808000 | #D2B48C |
| Nature | #808000 | #556B2F | #8B4513 |
| Vintage | #6B8E23 | #F5F5DC | #8B0000 |