#808000
Olive
Olive is a dark yellowish-green named after unripe olives. It is associated with peace, harmony, and the natural world.
Olive Color Values
HEX#808000
RGB128, 128, 0
HSL60°, 100%, 25%
HSV60°, 100%, 50%
CMYK0%, 0%, 100%, 50%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #8B7A00 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #8D7D16 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #8A776C (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #797979 (~0.003% of population)
Olive as Text Color
Olive on White
4.2:1FAIL
Olive on Light Gray
3.8:1FAIL
Olive on Cream
4.0:1FAIL
Olive on Dark
4.1:1FAIL
Olive on Black
5.0:1AA
Olive on Soft Blue
3.7:1FAIL
Olive on Soft Green
3.7:1FAIL
Olive on Soft Pink
3.5:1FAIL
Nearest Tailwind Class
lime-600
#65A30D
Nearest Pantone Match
Pantone 7489 C
#6BA539
CSS Variable Export
:root {
--color-olive: #808000;
--color-olive-rgb: 128, 128, 0;
}Tailwind Config
// tailwind.config.js
colors: {
'olive': '#808000',
}Shades of Olive
#7F8000
#707000
#616100
#575700
#474700
#383800
#292900
#1F1F00
#0F0F00
#000000
Tints of Olive
#7F8000
#A8A800
#D6D600
#FFFF00
#FFFF29
#FFFF57
#FFFF80
#FFFFA8
#FFFFD6
#FFFFFF
Color Harmonies
Complementary
#808000
#000080
Analogous
#804000
#7F8000
#408000
Triadic
#7F8000
#007F80
#80007F
Olive Text Preview
Heading in Olive
Body text in Olive. The quick brown fox jumps over the lazy dog.
White on Olive
Body text on a Olive background.
Olive text on dark background
Contrast: 4.2:1