Color code and palette
Olive Color
Olive combines muted yellow and green at #808000. Its earthy character supports utilitarian, botanical and heritage palettes, especially alongside beige and dark brown.
Olive
#808000
Color formats
The same base color in common web formats.
Shades
| Color | Name | HEX | RGB | HSL | Copy |
|---|---|---|---|---|---|
| Olive 50 | #FFFFE5 | 255, 255, 229 | 60, 100%, 95% | ||
| Olive 100 | #FFFFB3 | 255, 255, 179 | 60, 100%, 85% | ||
| Olive 200 | #FFFF80 | 255, 255, 128 | 60, 100%, 75% | ||
| Olive 300 | #FFFF4D | 255, 255, 77 | 60, 100%, 65% | ||
| Olive 400 | #FFFF1A | 255, 255, 26 | 60, 100%, 55% | ||
| Olive 500 | #E5E600 | 229, 230, 0 | 60, 100%, 45% | ||
| Olive 600 | #B2B300 | 178, 179, 0 | 60, 100%, 35% | ||
| Olive 700 | #7F8000 | 127, 128, 0 | 60, 100%, 25% | ||
| Olive 800 | #4C4D00 | 76, 77, 0 | 61, 100%, 15% | ||
| Olive 900 | #191A00 | 25, 26, 0 | 62, 100%, 5% |
Text contrast
These ratios use the WCAG relative luminance formula.
Aa White text 4.20:1
AA · Large text
Aa Black text 5.01:1
AA
Ways to use Olive
Outdoor and utility products
Botanical editorial palettes
Heritage styling with beige and brown
Colors that go with Olive
Color-wheel harmonies built from #808000. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.