Dark Green color codes
| CSS name | darkgreen |
|---|---|
| HEX | #006400 |
| RGB | rgb(0, 100, 0) |
| HSL | hsl(120, 100%, 20%) |
| CMYK | cmyk(100%, 0%, 100%, 61%) |
| Decimal | 25600 |
Shades of Dark Green (darker)
#005A00 · #005000 · #004600 · #003C00 · #003200 · #002800 · #001E00 · #001400 · #000A00
Tints of Dark Green (lighter)
#1A741A · #338333 · #4D934D · #66A266 · #80B280 · #99C199 · #B3D1B3 · #CCE0CC · #E6F0E6
Color harmonies
| Complementary | #660066 |
|---|---|
| Triadic | #000066, #660000 |
| Analogous | #336600, #006633 |
Accessibility (WCAG contrast)
| White text on Dark Green | 7.44:1 · AAA |
|---|---|
| Black text on Dark Green | 2.82:1 · Fail |
Use Dark Green in code
.element {
color: darkgreen; /* or #006400 */
background-color: rgb(0 100 0 / 0.5);
}Frequently asked questions
What is the hex code for Dark Green?
Dark Green is #006400 in HEX, rgb(0, 100, 0) in RGB and hsl(120, 100%, 20%) in HSL.
Can I use "darkgreen" directly in CSS?
Yes. "darkgreen" is one of the 148 standard CSS named colors, so color: darkgreen; works in every browser.
Is Dark Green readable on white?
The contrast ratio of Dark Green on white is 7.44:1 (WCAG AAA). On black it is 2.82:1 (Fail).
What is the complementary color of Dark Green?
The complementary color (opposite on the color wheel) is #660066.
Similar colors
Green#008000Forest Green#228B22Dark Slate Gray#2F4F4FDark Slate Grey#2F4F4FDark Olive Green#556B2FBlack#000000Sea Green#2E8B57Olive Drab#6B8E23
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.