CSS named color
DarkOliveGreen
#556B2F
HEX
#556b2fRGB
rgb(85, 107, 47)HSL
hsl(82, 39%, 30%)OKLCH
oklch(49.55% 0.0896 126.19)NAME
darkolivegreenPalette
Complementary
180° on the color wheelComplement
#452F6A
Analogous
±30° around the base hueLeft
#6A622F
Right
#376A2F
Triadic
±120° for harmonic contrastTriad 1
#2F546A
Triad 2
#6A2F54
Shades
Lighter and darker variantsCSS usage
By name
color: darkolivegreen;
background-color: darkolivegreen;By HEX
color: #556b2f;
background-color: #556b2f;By RGB
color: rgb(85, 107, 47);
background-color: rgb(85, 107, 47);By HSL
color: hsl(82, 39%, 30%);
background-color: hsl(82, 39%, 30%);WCAG contrast vs white
Aa
5.95:1
AA
WCAG contrast vs black
Aa
3.53:1
AA (large text)
Related colors
FAQ — DarkOliveGreen
What is the HEX code for DarkOliveGreen?
The HEX code for DarkOliveGreen is #556B2F. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkolivegreen; or color: #556b2f;
What is DarkOliveGreen in RGB?
DarkOliveGreen in RGB is rgb(85, 107, 47) — red 85, green 107, blue 47.
What is DarkOliveGreen in HSL?
DarkOliveGreen in HSL is hsl(82, 39%, 30%) — hue 82°, saturation 39%, lightness 30%.
What is the complementary color of DarkOliveGreen?
The complementary color (directly opposite DarkOliveGreen on the color wheel) is #452F6A. The two together produce maximum contrast.
Is white text readable on DarkOliveGreen?
The WCAG contrast ratio against white (#FFFFFF) is 5.95:1, and against black (#000000) it's 3.53:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.