Dark Green Color

About dark green

#006400 is the CSS named color darkgreen: only the green channel is on, at 100 out of 255. It is darker than the CSS green (#008000) and more saturated than most natural greens.

For a greener-looking, more natural deep green, forestgreen (#228B22) adds a little red and blue, and darkolivegreen (#556B2F) moves toward olive.

#006400 is the value of the CSS named color darkgreen, defined in the CSS Color specification and identical in every browser.

Other colors called dark green

• Forest green (CSS) #228B22A lighter, more natural green.Copy
• Dark olive green (CSS) #556B2FA muted, olive-leaning deep green.Copy

Dark Green shades and tints

Shades mix dark green with black, tints mix it with white — useful for hover states, borders and backgrounds. Click a swatch to copy its HEX code.

Colors that go with dark green

Color harmonies based on the hue of #006400: its complement on the opposite side of the color wheel, its analogous neighbours and its triadic partners.

Dark Green contrast and readability

On a dark green background, white text reads best (7.43:1). Here is how dark green works as a text color:

Dark green gives high contrast with white, so it works for text, headers and buttons. Combine it with cream or gold for a traditional look, or with light gray for a clean one.

Using dark green in CSS and HTML

:root {
  --color-dark-green: #006400;
}

.highlight {
  background-color: var(--color-dark-green);
}

.banner {
  background-color: darkgreen;
  color: #ffffff;
}

.label {
  color: #006400;
  border: 2px solid rgb(0, 100, 0);
}

<p style="background-color: #006400; color: #FFFFFF;">
  Dark Green background
</p>