Olive green color codes

Olive green is an earthy yellow-green, like unripe olives. This page lists the CSS olive keywords, named olive shades and moss and army greens.

CSS olive keywords

CSSAa 9.14:1

yellowgreen #9ACD32 RGB 154, 205, 50
CSSAa 8.32:1

darkkhaki #BDB76B RGB 189, 183, 107
CSSAa 4.52:1

olivedrab #6B8E23 RGB 107, 142, 35
CSSAa 4.19:1

olive #808000 RGB 128, 128, 0
CSSAa 5.94:1

darkolivegreen #556B2F RGB 85, 107, 47

Named olives

All of these have "olive" in the name.

Aa 5.68:1

Mount Olive #716646 RGB 113, 102, 70
Aa 5.69:1

Olive Branch #646A45 RGB 100, 106, 69
Aa 6.19:1

Glossy Olive #636340 RGB 99, 99, 64
Aa 6.59:1

Shagbark Olive #645D41 RGB 100, 93, 65
Aa 6.67:1

Olive Court #5F5D48 RGB 95, 93, 72
Aa 7.11:1

Muddy Olive #4B5D46 RGB 75, 93, 70
Aa 7.39:1

Olive Bark #5F5537 RGB 95, 85, 55
Aa 7.28:1

Obscure Olive #4A5D23 RGB 74, 93, 35
Aa 7.46:1

Olive Brown #645403 RGB 100, 84, 3
Aa 8.09:1

Zen Garden Olive #445533 RGB 68, 85, 51
Aa 8.48:1

Bronze Olive #584C25 RGB 88, 76, 37
Aa 8.81:1

Olive Leaf #4E4B35 RGB 78, 75, 53
Aa 11.33:1

Dark Olive #373E02 RGB 55, 62, 2
Aa 12.94:1

Olivenite #333311 RGB 51, 51, 17
Aa 15.71:1

Deep Slate Olive #172713 RGB 23, 39, 19
Aa 15.80:1

Zia Olive #082903 RGB 8, 41, 3

Army, moss and khaki greens

Aa 5.40:1

Mossy Glossy #789B4A RGB 120, 155, 74
Aa 4.59:1

Moss Gardens #768B59 RGB 118, 139, 89
Aa 4.66:1

Greek Oregano #7C754C RGB 124, 117, 76
Aa 4.57:1

Avocado #568203 RGB 86, 130, 3
Aa 4.99:1

Topiary Green #667700 RGB 102, 119, 0
Aa 5.12:1

Muddy Green #657432 RGB 101, 116, 50
Aa 5.83:1

Jungle Civilization #69673A RGB 105, 103, 58
Aa 6.37:1

Forestial Outpost #556611 RGB 85, 102, 17
Aa 8.09:1

Broccoli Green #4B5338 RGB 75, 83, 56
Aa 10.26:1

Green Not Found #404404 RGB 64, 68, 4

Palette idea: light to dark

LightestAa 9.14:1

yellowgreen #9ACD32 RGB 154, 205, 50
LightAa 4.99:1

Topiary Green #667700 RGB 102, 119, 0
MidAa 6.37:1

Forestial Outpost #556611 RGB 85, 102, 17
DeepAa 8.09:1

Zen Garden Olive #445533 RGB 68, 85, 51
DarkestAa 15.80:1

Zia Olive #082903 RGB 8, 41, 3

Palette idea: with neutrals

BackgroundAa 16.11:1

Warm white #FAF7F2 RGB 250, 247, 242
SurfaceAa 4.19:1

olive #808000 RGB 128, 128, 0
MainAa 6.37:1

Forestial Outpost #556611 RGB 85, 102, 17
DeepAa 10.26:1

Green Not Found #404404 RGB 64, 68, 4
TextAa 16.81:1

Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

LightAa 4.59:1

Moss Gardens #768B59 RGB 118, 139, 89
MainAa 6.37:1

Forestial Outpost #556611 RGB 85, 102, 17
DarkAa 11.33:1

Dark Olive #373E02 RGB 55, 62, 2
AccentAa 6.28:1

Complement #6E5396 RGB 110, 83, 150
BaseAa 15.53:1

Off-white #F5F3EE RGB 245, 243, 238

The color of the fruit

Olive green is a dark yellowish green, named after unripe olives. The CSS keyword olive is #808000, equal red and green at half strength with no blue. olivedrab and darkolivegreen are greener alternatives.

Olive, khaki and army green

Olive is yellow-leaning and earthy.
Khaki is lighter and closer to tan.
Army green is darker and grayer.

Styling olive

Olive is a neutral in disguise. It pairs well with cream, rust, mustard, burgundy and denim blue. It is a staple of autumn palettes and utility clothing.

On screen

Dark olives take white text; light olives need dark text. Check mid tones in the contrast checker. For related greens, see sage green, forest green and shades of green.