A vivid medium yellow-green, black text passes AA
What color is olivedrab?
olivedrab is a vivid medium yellow-green: #6b8e23 in hex, rgb(107 142 35). Black text on it reaches 5.52:1, passing WCAG AA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | olivedrab |
| Hex | #6b8e23 |
| RGB | rgb(107 142 35) |
| HSL | hsl(80 60% 35%) |
| OKLCH | oklch(59.9% 0.137 126.3) |
| Nearest Tailwind color | lime-700 #497d00, 0.070 away in OKLab |
| White text | 3.81:1: AA fails, AAA fails, large text passes |
| Black text | 5.52:1: AA passes, AAA fails, large text passes |
About olivedrab
Measured in OKLCH, olivedrab comes out at lightness 59.9%, chroma 0.137 and hue 126.3 degrees: a vivid medium yellow-green.
HSL puts its lightness at 35% and OKLCH at 59.9%, 25 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. Of the named colors, olive (#808000) is the nearest, 0.044 away in OKLab; next to each other the two still differ.
Black is the ink for olivedrab: 5.52:1 passes AA for body text, where white stops at 3.81:1. In the hue-sorted table of named colors it sits between yellowgreen and darkolivegreen.
In Tailwind CSS 4.3.3 the nearest default color is lime-700 (#497d00), 0.070 away in OKLab; for the exact color, an arbitrary value such as bg-[#6b8e23] works.
Tints and shades
- #e5ecdc
- #cbd9b9
- #b2c696
- #9ab374
- #82a14f
- #6b8e23
- #526e19
- #3b5010
- #253407
- #111902
- #020400
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
- #6b8e23
- #2d203a
- #d4eabe
- #4d5936
- #ce9dff
Around olivedrab as swatch 1, Recolor's generator made a complementary palette, built on the hue opposite: #2d203a, #d4eabe, #4d5936, #ce9dff, drawn from a seed fixed by its hex. Open it in Recolor.
Using olivedrab
As a text color, olivedrab on a black page gives the same 5.52:1.
.notice {
background-color: olivedrab; /* #6b8e23 */
color: black; /* 5.52:1 */
}Common questions
Does white text pass WCAG AA on olivedrab?
No. White text measures 3.81:1 on olivedrab, under AA's 4.5:1; black text measures 5.52:1 and passes.
Can olivedrab be written in OKLCH?
Yes: oklch(59.9% 0.137 126.3), computed from #6b8e23. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to olivedrab?
Yes: olive (#808000) is the nearest, 0.044 away in OKLab, then forestgreen at 0.068.