Earthy Heritage Mediterranean Olive
Category: Green
Olive Green (#808000) — Color Codes, Meaning & UI Palettes
Olive Green is a time-tested, muted yellowish-green inspired by unripe green olives and traditional military field dress. It signifies peace, endurance, natural resilience, and vintage authenticity.
Click to Copy HEX
Olive Green
#808000
HEX
#808000
RGB
rgb(128, 128, 0)
HSL
hsl(60deg, 100%, 25%)
CMYK (Print)
cmyk(0%, 0%, 100%, 50%)
Apple Display P3
color(display-p3 0.502 0.502 0.000)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
4.2:1 (AA Large)
Black Text (#000000)
5.01:1 (AA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F7F7F0
100
#EBEBD6
200
#D6D6AD
300
#BDBD7A
400
#9E9E3D
500
#808000
600
#666600
700
#4D4D00
800
#333300
900
#1C1C00
950
#0F0F00
Color Harmonies & Palette Schemes
Complementary
#000080
Opposite 180° Contrast
Analogous -30°
#804000
Natural Harmony
Analogous +30°
#408000
Natural Harmony
Triadic +120°
#007F80
120° Balanced Triad
Triadic +240°
#80007F
120° Balanced Triad
Curated UI Design Pairings for Olive Green
Popular in outdoor apparel, heritage timepieces, sustainable agriculture, and rugged lifestyle UI layouts.
Warm Sand
#E5D3B3
Field Neutral Surface
Terracotta
#E2725B
Earthy Complement
Dark Espresso
#2C1810
Deep Text Anchor
Pale Slate
#D9E2EC
Muted Border
Export Olive Green Code Snippets
CSS Variable
--color-olive-green: #808000;
Tailwind Config
'olive-green': '#808000'
Swift / SwiftUI
Color(hex: "#808000")
JSON Design Token
{"name": "Olive Green", "hex": "#808000"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.