A dark yellow-green, white text passes AA
What color is darkolivegreen?
The CSS named color darkolivegreen is #556b2f, or rgb(85 107 47): a dark yellow-green in plain words. White text on it reaches 5.95:1, passing WCAG AA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | darkolivegreen |
| Hex | #556b2f |
| RGB | rgb(85 107 47) |
| HSL | hsl(82 39% 30%) |
| OKLCH | oklch(49.6% 0.090 126.2) |
| Nearest Tailwind color | lime-800 #3d6300, 0.055 away in OKLab |
| White text | 5.95:1: AA passes, AAA fails, large text passes |
| Black text | 3.53:1: AA fails, AAA fails, large text passes |
About darkolivegreen
A dark yellow-green is the plain description of darkolivegreen: OKLCH lightness 49.6%, chroma 0.090, hue 126.2 degrees.
Its HSL lightness, 30%, says little about how light darkolivegreen looks; OKLCH, made to match the eye, measures 49.6%, 19 points away. No CSS keyword matches it; darkgreen (#006400) is the nearest, 0.090 away in OKLab, a clear step off.
White text on darkolivegreen reaches 5.95:1, enough for WCAG AA body text but short of AAA's 7:1; black text gets 3.53:1. Its neighbors in the hue-sorted list of names are olivedrab and aquamarine.
The closest Tailwind 4.3.3 color is lime-800, 0.055 away in OKLab, so bg-lime-800 comes near; bg-[#556b2f] gives the color itself.
Tints and shades
- #e1e5db
- #c3ccb7
- #a6b394
- #8a9a73
- #6f8251
- #556b2f
- #415223
- #2e3b17
- #1c250c
- #0b1103
- #010200
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
- #556b2f
- #dcedaf
- #809b66
- #121d02
- #b4c9a4
Recolor's generator, with darkolivegreen locked as swatch 1 and the seed taken from its hex, drew a monochromatic palette, one hue in five lightnesses: #dcedaf, #809b66, #121d02, #b4c9a4. Open it in Recolor.
Using darkolivegreen
As a text color, darkolivegreen on a white page gives the same 5.95:1.
.notice {
background-color: darkolivegreen; /* #556b2f */
color: white; /* 5.95:1 */
}Common questions
Does white text pass WCAG AA on darkolivegreen?
Yes. White text measures 5.95:1 on darkolivegreen, above the 4.5:1 that WCAG AA asks of body text.
Can darkolivegreen be written in OKLCH?
Yes: oklch(49.6% 0.090 126.2), computed from #556b2f. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to darkolivegreen?
No. The nearest, darkgreen (#006400), is 0.090 away in OKLab, a different color.