Green family
Dark Green color
A dark, rich green. The reference dark green is #006400, as defined by the CSS named color.
| HEX | #006400 | |
|---|---|---|
| RGB | rgb(0, 100, 0) | |
| HSL | hsl(120, 100%, 20%) | |
| HSV | hsv(120, 100%, 39%) | |
| OKLCH | oklch(43.6% 0.148 142.5) | |
| CMYK* | 100, 0, 100, 61 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is dark green?
Dark green is any deep shade of green. As a CSS keyword, darkgreen is #006400, pure green at about 40 percent strength. The xkcd survey dark green is darker still, close to black-green.
Dark Green hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of dark green in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Dark Green | #006400 | CSS named color | Reference shown on this page |
| Dark Green | #033500 | xkcd Color Survey | Noticeably different · 36% similar |
| Dark Green | #033500 | Color Names (meodai) | Noticeably different · 36% similar |
Dark Green vs Forest Green
#006400
#228B22
Forest green is lighter and slightly warmer. In numbers: the two are 51% similar (OKLab distance 0.123). See Forest Green for its own codes.
Colors similar to dark green
The closest named colors to #006400 across all three sources, with their similarity in OKLab.
Tints and shades of dark green
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with dark green
Classic color-wheel combinations built on #006400, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Dark Green with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a dark green background, white text is the better choice.
Use dark green in CSS
.dark-green {
color: #006400;
/* or */ color: rgb(0 100 0);
/* or */ color: hsl(120 100% 20%);
/* or */ color: oklch(43.6% 0.148 142.5);
/* CSS keyword */ color: darkgreen;
}