Green Color Family

Dark Olive Green Color Hex Code, RGB & HSL Values

Browse all Green Colors

What is the meaning of the Dark Olive Green color?

Dark Olive Green is a deep, muted green color with brown undertones. It represents rugged nature, camouflaged stealth, and organic heritage, popular in outdoor apparel and classic designs.

How to use the Dark Olive Green color hex code in HTML & CSS?

To style elements with Dark Olive Green on a website, use the hex code #556B2F in your HTML/CSS. Adding background-color: #556B2F; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#556B2F] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Dark Olive Green?

In the digital sRGB spectrum, the Dark Olive Green color code is mapped to RGB values of Red: 85, Green: 107, and Blue: 47. In the HSL system, it registers at hue angle 82°, saturation 39%, and lightness index 30%. It represents a dark, rich color characterized by a balanced, moderate saturation.

CMYK print profiles for Dark Olive Green color

To reproduce the named shade Dark Olive Green in print systems, the CMYK ink configuration requires 21% Cyan, 0% Magenta, 56% Yellow, and 58% black. Green-heavy spectrums are associated with organic elements and growth, making them highly effective for eco-conscious portals and wellness brands.

Red Channel 85
Green Channel 107
Blue Channel 47
Luminance 0.127

Dark Olive Green Color Space Conversions

Click to copy format
HEX Color Code #556B2F
RGB (Red Green Blue) rgb(85, 107, 47)
HSL (Hue Sat Light) hsl(82°, 39%, 30%)
CMYK (Commercial Print) cmyk(21%, 0%, 56%, 58%)
HSV / HSB Values hsv(82°, 56%, 42%)
Decimal Color Code 5597999
CSS Custom Variable --color-hex: #556B2F;
Tailwind CSS Utility bg-[#556B2F]
CSS Named Color darkolivegreen

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #556B2F

Small body copy preview

Black Text on Background

Black text readability test with #556B2F

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Dark Olive Green */
--color-hex: #556B2F;
--color-rgb: rgb(85, 107, 47);
--color-hsl: hsl(82deg, 39%, 30%);
--color-name: darkolivegreen;

Aa Known Color Aliases

Dark Olive Green darkolivegreen (CSS Identifier) Dark Military GreenDeep OliveDark Army Green

Dark Olive Green Color Meaning

In design psychology, Dark Olive Green is classified as a green shade, inheriting its psychological associations. The green hue is universally associated with nature, health, and renewal. As the color most prevalent in the natural world, the human eye has evolved to find it restful and calming. In psychology, green signals safety, permission, and go-ahead — from traffic lights to medical symbols. It represents growth, both financial and biological, making it the dominant color in finance and environmental sectors. Dark greens convey prestige and wealth, while bright greens communicate vitality and eco-consciousness. Green rooms in theaters exist specifically because the color's calming effect helps performers prepare before going on stage.

Emotions & Associations

BalanceNatureGrowthHealth

Industries

EnvironmentHealthcareFinance

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!