darkolivegreen darkolivegreen #556b2f

darkolivegreen is #556b2f in hexadecimal, rgb(85, 107, 47) in decimal and hsl(82, 39, 30) in HSL. This page lists its harmonies, lightness steps and contrast against black and white — all copyable.

HEX · RGB · HSL

#556b2f
HEX#556b2f
RGBrgb(85, 107, 47)
HSLhsl(82, 39%, 30%)

Harmonies

Complementary

#452f6a

Analogous

#6a622f#376a2f

Triadic

#2f546a#6a2f54

Split complementary

#2f376a#622f6a

Tints & shades

#495c28#4f632c#546a2f#5a7132#637c36

Accessibility

vs #ffffff5.95:1
vs #0000003.53:1
Suggested text color#ffffff · 5.95:1 · WCAG AA

Similar named colors

olivedrab#6b8e23darkslategray#2f4f4fdarkslategrey#2f4f4fdimgray#696969dimgrey#696969forestgreen#228b22

FAQ

What is the HEX code for darkolivegreen?

darkolivegreen is #556b2f in hex, rgb(85, 107, 47) in decimal and hsl(82, 39%, 30%) in HSL. In CSS you can write either color: darkolivegreen; or color: #556b2f; — they are equivalent.

What colors go with darkolivegreen?

The complementary #452f6a gives the strongest contrast, the analogous pair #6a622f / #376a2f is the safest, and the triad #2f546a / #6a2f54 adds more tension. All three are derived from the 82° hue of #556b2f.

Does #556b2f read better on white or black?

Its contrast is 5.95:1 against white and 3.53:1 against black. Use #ffffff text on it — that gives 5.95:1, which meets WCAG AA.

Is a named color different from a hex color?

No. CSS named colors are just syntactic sugar for standard six-digit hex values; browsers resolve them to identical results in every modern engine.

← All named colors