CSS named color
Olive
#808000
HEX
#808000RGB
rgb(128, 128, 0)HSL
hsl(60, 100%, 25%)OKLCH
oklch(58.07% 0.1266 109.77)NAME
olivePalette
Complementary
180° on the color wheelAnalogous
±30° around the base hueLeft
#804000
Right
#408000
Triadic
±120° for harmonic contrastTriad 1
#007F80
Triad 2
#80007F
Shades
Lighter and darker variantsCSS usage
By name
color: olive;
background-color: olive;By HEX
color: #808000;
background-color: #808000;By RGB
color: rgb(128, 128, 0);
background-color: rgb(128, 128, 0);By HSL
color: hsl(60, 100%, 25%);
background-color: hsl(60, 100%, 25%);WCAG contrast vs white
Aa
4.20:1
AA (large text)
WCAG contrast vs black
Aa
5.01:1
AA
Related colors
FAQ — Olive
What is the HEX code for Olive?
The HEX code for Olive is #808000. It's one of the 148 named CSS colors and can be used directly in CSS as color: olive; or color: #808000;
What is Olive in RGB?
Olive in RGB is rgb(128, 128, 0) — red 128, green 128, blue 0.
What is Olive in HSL?
Olive in HSL is hsl(60, 100%, 25%) — hue 60°, saturation 100%, lightness 25%.
What is the complementary color of Olive?
The complementary color (directly opposite Olive on the color wheel) is #000080. The two together produce maximum contrast.
Is white text readable on Olive?
The WCAG contrast ratio against white (#FFFFFF) is 4.20:1, and against black (#000000) it's 5.01:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.