#006400
darkgreen
#006400 is the CSS named color "darkgreen", an exact match. In RGB it breaks down to red 0, green 100, and blue 0 out of 255 each. In HSL terms that's a hue of 120°, 100% saturation, and 20% lightness: quite dark, close to black — it works well as body text on a light background or as a near-black UI surface.
Every format
| HEX | #006400 |
| RGB | rgb(0, 100, 0) |
| HSL | hsl(120° 100% 20%) |
| HSB | hsb(120° 100% 39%) |
| OKLCH | oklch(44% 0.148 142°) |
| OKLAB | oklab(44% -0.118 0.090) |
| LCH | lch(36% 57.0 134°) |
| CMYK | cmyk(100% 0% 100% 61%) |
Shades (darker)
#006400 · #005a00 · #005000 · #004600 · #003c00
Tints (lighter)
#006400 · #1e751a · #32862e · #44973f · #56a951
Shades mix #006400 toward black in even steps, useful for hover and pressed states in a UI; tints mix it toward white, useful for subtle backgrounds and disabled states that still read as the same color family.
On white: 7.44:1 — AAA
On black: 2.82:1 — fails
Frequently asked
- What is #006400 in RGB?
- #006400 is rgb(0, 100, 0) — red 0, green 100, blue 0 out of 255 each.
- Does #006400 pass WCAG contrast on a white background?
- It has a contrast ratio of 7.44:1 against white, which passes WCAG AAA for normal text.
- What's a good background color to pair with #006400?
- White text or a white background gives better contrast (7.44:1) than black (2.82:1).