RecolorOpen Recolor

A vivid dark yellow-green, white text passes AA

Tailwind lime-900

In Tailwind CSS 4.3.3, lime-900 is defined as oklch(40.5% 0.101 131.063); in hex that is #35530e, or rgb(53 83 14). White text on it reaches 8.77:1, passing WCAG AAA, and Recolor (recolor.page) can show it on a real page.

Last updated

#35530elime-900
From the theme file of Tailwind CSS 4.3.3 (--color-lime-900), converted with Recolor's color code, October 9, 2026
FormatValue
OKLCH, as Tailwind writes itoklch(40.5% 0.101 131.063)
Hex#35530e
RGBrgb(53 83 14)
HSLhsl(86 71% 19%)
CSS variablevar(--color-lime-900)
Nearest CSS namedarkgreen #006400, 0.063 away in OKLab
White text8.77:1: AA passes, AAA passes, large text passes
Black text2.40:1: AA fails, AAA fails, large text fails

About lime-900

In OKLCH, lime-900 has a lightness of 40.5%, a chroma of 0.101 and a hue of 131.1 degrees, which makes it a vivid dark yellow-green. The step up to lime-800 is 4.8 points of lightness, and the step down to lime-950 13.1 points.

Its HSL lightness, 19%, says little about how light lime-900 looks; OKLCH, made to match the eye, measures 40.5%, 21 points away. The value lies inside sRGB, the gamut of a hex code, so lime-900 converts to #35530e without losing chroma.

For text, lime-900 wants white: 8.77:1 clears even AAA's 7:1, and black at 2.40:1 fails AA. On the lime scale white text works from lime-700 to lime-950; lime-900 has 2 shades of margin.

No CSS keyword matches it; darkgreen (#006400) is the nearest, 0.063 away in OKLab, a clear step off.

Tints and shades

  1. #dae1d5
  2. #b7c3ad
  3. #94a685
  4. #73895f
  5. #536e39
  6. #35530e
  7. #273f08
  8. #1a2c04
  9. #0e1b02
  10. #040b01
  11. #010100

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

  1. #35530e
  2. #7cb8ff
  3. #202a16
  4. #94ffe8
  5. #cb6f3b

Locked as the first of five swatches, lime-900 gets #7cb8ff, #202a16, #94ffe8, #cb6f3b from Recolor's generator, a free palette, hues spread around the wheel. The seed is its hex, so the palette stays the same. Open it in Recolor.

Using lime-900

Pair it with text-white, 8.77:1; lime-900 as text on a white page measures the same ratio. In CSS it is var(--color-lime-900).

HTML
<a class="bg-lime-900 text-white" href="/start">Get started</a>
<p class="text-lime-900">Text in lime-900</p>

Common questions

Does white text pass WCAG AA on Tailwind lime-900?

Yes. White text measures 8.77:1 on lime-900, above the 4.5:1 that WCAG AA asks of body text, and above AAA's 7:1 too.

Is Tailwind lime-900 defined in OKLCH?

Yes. Tailwind CSS 4.3.3 defines it as --color-lime-900: oklch(40.5% 0.101 131.063); #35530e is its conversion to sRGB.

Is there a CSS named color for Tailwind lime-900?

No. The nearest CSS named color is darkgreen (#006400), 0.063 away in OKLab.

Sources