A vivid dark green, white text passes AA
What color is darkgreen?
The CSS named color darkgreen is #006400, or rgb(0 100 0): a vivid dark green in plain words. White text on it reaches 7.44:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | darkgreen |
| Hex | #006400 |
| RGB | rgb(0 100 0) |
| HSL | hsl(120 100% 20%) |
| OKLCH | oklch(43.6% 0.148 142.5) |
| Nearest Tailwind color | green-800 #016630, 0.038 away in OKLab |
| White text | 7.44:1: AA passes, AAA passes, large text passes |
| Black text | 2.82:1: AA fails, AAA fails, large text fails |
About darkgreen
Measured in OKLCH, darkgreen comes out at lightness 43.6%, chroma 0.148 and hue 142.5 degrees: a vivid dark green.
Its HSL lightness, 20%, says little about how light darkgreen looks; OKLCH, made to match the eye, measures 43.6%, 24 points away. No CSS keyword matches it; green (#008000) is the nearest, 0.088 away in OKLab, a clear step off.
White on darkgreen reads at 7.44:1, enough for AAA body text; black reaches 2.82:1 and should stay off it. Its neighbors in the hue-sorted list of names are green and lightcyan.
The closest Tailwind 4.3.3 color is green-800, 0.038 away in OKLab, so bg-green-800 comes near; bg-[#006400] gives the color itself.
Tints and shades
- #d7e4d5
- #b0caad
- #89b086
- #63975f
- #3b7d37
- #006400
- #004d00
- #003700
- #002200
- #000f00
- #000200
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #006400
- #debcdb
- #2f281f
- #bcf9e9
- #7a8c71
Around darkgreen as swatch 1, Recolor's generator made a free palette, hues spread around the wheel: #debcdb, #2f281f, #bcf9e9, #7a8c71, drawn from a seed fixed by its hex. Open it in Recolor.
Using darkgreen
As a text color, darkgreen on a white page gives the same 7.44:1.
.notice {
background-color: darkgreen; /* #006400 */
color: white; /* 7.44:1 */
}Common questions
Does white text pass WCAG AA on darkgreen?
Yes. White text measures 7.44:1 on darkgreen, above the 4.5:1 that WCAG AA asks of body text, and above AAA's 7:1 too.
Can darkgreen be written in OKLCH?
Yes: oklch(43.6% 0.148 142.5), computed from #006400. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to darkgreen?
No. The nearest, green (#008000), is 0.088 away in OKLab, a different color.