RecolorOpen Recolor

A vivid medium yellow-green, black text passes AA

Tailwind lime-600

In Tailwind CSS 4.3.3, lime-600 is defined as oklch(64.8% 0.2 131.684); as the nearest sRGB hex that is #5ea500, or rgb(94 165 0). Black text on it reaches 6.86:1, passing WCAG AA, and Recolor (recolor.page) can show it on a real page.

Last updated

#5ea500lime-600
From the theme file of Tailwind CSS 4.3.3 (--color-lime-600), converted with Recolor's color code, October 9, 2026
FormatValue
OKLCH, as Tailwind writes itoklch(64.8% 0.2 131.684)
Hex#5ea500, the nearest color in sRGB
RGBrgb(94 165 0)
HSLhsl(86 100% 32%)
OKLCH of the hexoklch(64.9% 0.184 133.3)
CSS variablevar(--color-lime-600)
Nearest CSS nameolivedrab #6b8e23, 0.071 away in OKLab
White text3.06:1: AA fails, AAA fails, large text passes
Black text6.86:1: AA passes, AAA fails, large text passes

About lime-600

In OKLCH, lime-600 has a lightness of 64.8%, a chroma of 0.200 and a hue of 131.7 degrees, which makes it a vivid medium yellow-green. The step up to lime-500 is 12.0 points of lightness, and the step down to lime-700 11.6 points.

HSL puts its lightness at 32% and OKLCH at 64.8%, 32 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. Lime-600 is one of the 95 colors in Tailwind CSS 4.3.3 that sRGB cannot hold. Its hex, #5ea500, gives up 0.016 of chroma and moves 0.1 points of lightness and 1.6 degrees of hue; a Display P3 screen shows the full value.

With black text, lime-600 passes AA at 6.86:1. White text, at 3.06:1, does not. It is the darkest lime shade that still carries black body text; lime-700 drops to 4.22:1.

The nearest CSS named color, olivedrab (#6b8e23), is 0.071 away in OKLab: related, but plainly a different color.

Tints and shades

  1. #e4f1dc
  2. #c9e2b9
  3. #aed395
  4. #94c471
  5. #79b549
  6. #5ea500
  7. #488100
  8. #335e00
  9. #1f3d00
  10. #0d1f00
  11. #020600

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. #5ea500
  2. #ead0fe
  3. #3b6f2a
  4. #a2c588
  5. #2a1637

Locked as the first of five swatches, lime-600 gets #ead0fe, #3b6f2a, #a2c588, #2a1637 from Recolor's generator, a complementary palette, built on the hue opposite. The seed is its hex, so the palette stays the same. Open it in Recolor.

Using lime-600

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

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

Common questions

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

No. White text measures 3.06:1 on lime-600, under AA's 4.5:1; black text measures 6.86:1 and passes. The lightest lime shade for white text is lime-700.

Is Tailwind lime-600 defined in OKLCH?

Yes. Tailwind CSS 4.3.3 defines it as --color-lime-600: oklch(64.8% 0.2 131.684); #5ea500 is its nearest sRGB color, since the value lies outside sRGB.

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

No. The nearest CSS named color is olivedrab (#6b8e23), 0.071 away in OKLab.

Sources