graf1x

DarkOliveGreen Color

DarkOliveGreen is a yellow green color with hex code #556B2F. This page covers its meaning, all color values, harmonies, colors that go with darkolivegreen, shades, tints, similar colors, CSS examples, FAQs, and WCAG contrast ratios.

DarkOliveGreen Color Values

HEX
#556B2F
RGB
85, 107, 47
HSL
82, 39%, 30%
HSV
82, 56%, 42%
CIE LAB
42.2, -18.8, 30.6
OKLCH
0.496, 0.09, 126.2
ISCC-NBS
Olive
Hue Family
Yellow Green

What Does DarkOliveGreen Mean?

DarkOliveGreen belongs to the yellow green family of colors. Yellow greens read as new growth: seedlings, spring lawns, the flesh of a lime. They bring a freshness that deeper greens can't, and they sit naturally beside browns and earth tones in plant-heavy palettes. Being on the dark side, DarkOliveGreen adds weight and depth. It suits text, shadows, and grounding elements more than wide-open backgrounds.

In the ISCC-NBS color naming system, DarkOliveGreen is classified as a olive (nearest centroid: moderate olive green, #4A5D23). It is also known as Fig Leaf.

Color Harmonies

Complementary

#556B2FDarkOliveGreen
#452F6AComplement

Analogous

#6A622FAnalogous 1
#556B2FDarkOliveGreen
#376A2FAnalogous 2

Triadic

#556B2FDarkOliveGreen
#2F546ATriad 1
#6A2F54Triad 2

Colors That Go With DarkOliveGreen

#556B2FDarkOliveGreen
#452F6AComplement

DarkOliveGreen and #452F6A are complements, parked opposite each other on the wheel. Together they hit maximum contrast, so a rough 70/30 split keeps the pairing from shouting.

#6A622FAnalogous 1
#556B2FDarkOliveGreen
#376A2FAnalogous 2

Analogous neighbors — #6A622F and #376A2F, which sit beside darkolivegreen on the wheel. Pairings like this feel calm and settled, which suits backgrounds and gradients.

#556B2FDarkOliveGreen
#2F546ATriad 1
#6A2F54Triad 2

For an energetic three-color palette, pair darkolivegreen with triadic partners #2F546A and #6A2F54. All three sit evenly spaced around the wheel, so the scheme stays lively without clashing.

Build and test these combinations in our Color Wheel Tool or check text readability with the Contrast Checker.

Tints and Shades

Tints (lighter)

#769541
#94B658
#AFC983
#CADBAD
#E4ECD4

Shades (darker)

#465927
#38471F
#2A3517
#1C2310
#0E1208

Similar Colors

CSS Examples

.text { color: #556B2F; }
.background { background-color: #556B2F; }
.border { border: 2px solid #556B2F; }
.shadow { box-shadow: 0 4px 6px #556B2F40; }

WCAG Contrast

5.95:1
vs White AA ✓
3.53:1
vs Black AA ✗

Frequently Asked Questions

What is the hex code for darkolivegreen?

DarkOliveGreen has the hex code #556B2F. In RGB notation it is rgb(85, 107, 47), in HSL it is hsl(82, 39%, 30%), and its OKLCH value is 0.496, 0.09, 126.2.

What does the color darkolivegreen mean?

Yellow Green-family colors like darkolivegreen carry distinct psychological associations. DarkOliveGreen belongs to the yellow green family of colors. Yellow greens read as new growth: seedlings, spring lawns, the flesh of a lime. They bring a freshness that deeper greens can't, and they sit naturally beside browns and earth tones in plant-heavy palettes. Being on the dark side, DarkOliveGreen adds weight and depth. It suits text, shadows, and grounding elements more than wide-open backgrounds.

What colors go with darkolivegreen?

DarkOliveGreen has three easy routes: its complement #452F6A for punch, its neighbors #6A622F and #376A2F for something calmer, or triadic partners #2F546A and #6A2F54 when you want energy.

Is darkolivegreen a standard web color?

Yes — DarkOliveGreen is part of the CSS named colors specification, so you can use it directly in CSS as #556B2F or with the keyword form where supported.

How do I make darkolivegreen lighter or darker?

To lighten darkolivegreen, add white to create tints; to darken it, add black to create shades. The tints and shades table above shows five computed steps of each, from #E4ECD4 (lightest tint) to #0E1208 (darkest shade).

About DarkOliveGreen

DarkOliveGreen is classified as a Olive in the ISCC-NBS color naming system, within the Yellow Green hue family. It has alternative names including Fig Leaf. The color is recognized by CSS3, X11, meodai.

Use our Color Converter to convert #556B2F to any other color format, or explore the Color Wheel to find harmonious color combinations.