What does the color DarkOliveGreen mean?

Lime

DarkOliveGreen

#556b2f

#778959

#99a682

#bbc4ac

#dde1d5

#5e6f3f

Meaning

Energy, youth, and experimentation. High-visibility accents and playful UIs.

History

DarkOliveGreen is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use DarkOliveGreen (#556b2f) in CSS as color: darkolivegreen; or as #556b2f.

Preview

DarkOliveGreen

#556b2f

Overview

Family: Lime

Accessibility on this swatch:

(5.95:1)

Contrast vs white: 5.95:1 · vs black: 3.53:1

Formats

HEX

#556b2f

RGB

rgb(85, 107, 47)

RGBA

rgba(85, 107, 47, 1)

HSL

hsl(82, 39%, 30%)

HSV

hsv(82, 56%, 42%)

LAB

lab(42.23% -18.83 30.6)

LCH

lch(42.23% 35.93 121.61)

OKLAB

oklab(0.4955 -0.0529 0.0723)

OKLCH

oklch(0.4955 0.0896 126.19)

XYZ

xyz(9.52, 12.65, 4.63)

CMYK

cmyk(21%, 0%, 56%, 58%)

CSS

color: #556b2f;

CSS variable

--color-556b2f: #556b2f;

SCSS

$color-556b2f: #556b2f;

Tailwind

yellow-700

Export

Developer code

:root {
  --darkolivegreen-1: #556b2f;
}

Color psychology

Energy, youth, and experimentation. High-visibility accents and playful UIs.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#778959

#99a682

#bbc4ac

#dde1d5

#5e6f3f

#66734f

#6f7860

#777c70

Similar colors

#526a2a

#516c33

#5b6c2d

#4a6827

#46662e

#667133

#576c23

#657c3c

Browse more in the color name library.