RecolorOpen Recolor

A vivid dark yellow-green, white text passes AA

Tailwind lime-800

Tailwind lime-800 is oklch(45.3% 0.124 130.933) in Tailwind CSS 4.3.3, which is #3d6300 as the nearest sRGB hex and rgb(61 99 0). White text on it reaches 7.04:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.

Last updated

#3d6300lime-800
From the theme file of Tailwind CSS 4.3.3 (--color-lime-800), converted with Recolor's color code, October 9, 2026
FormatValue
OKLCH, as Tailwind writes itoklch(45.3% 0.124 130.933)
Hex#3d6300, the nearest color in sRGB
RGBrgb(61 99 0)
HSLhsl(83 100% 19%)
OKLCH of the hexoklch(45.3% 0.124 130.8)
CSS variablevar(--color-lime-800)
Nearest CSS namedarkgreen #006400, 0.041 away in OKLab
White text7.04:1: AA passes, AAA passes, large text passes
Black text2.98:1: AA fails, AAA fails, large text fails

About lime-800

Tailwind lime-800 is a vivid dark yellow-green: OKLCH lightness 45.3%, chroma 0.124, hue 130.9 degrees. On Tailwind's lime scale it sits between lime-700 at 53.2% and lime-900 at 40.5%.

HSL puts its lightness at 19% and OKLCH at 45.3%, 26 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. Its value lies outside sRGB, the colors a hex code can name: #3d6300 is what CSS Color 4's gamut mapping makes of it, chroma 0.124 instead of 0.124, moving 0.0 points of lightness and 0.2 degrees of hue. A wide-gamut screen shows the stronger original.

White text on lime-800 measures 7.04:1, past the 7:1 of WCAG AAA, while black text manages only 2.98:1. White text passes on every lime shade from lime-700 down, so lime-800 is 1 shade past the line.

The closest CSS named color is darkgreen (#006400), 0.041 away in OKLab: near, and still a visible step from it side by side.

Tints and shades

  1. #dce4d6
  2. #bac9ae
  3. #99af87
  4. #799560
  5. #5b7c38
  6. #3d6300
  7. #2e4c00
  8. #1f3600
  9. #122100
  10. #060f00
  11. #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

  1. #3d6300
  2. #de9ebf
  3. #151934
  4. #828cc2
  5. #dfefce

Recolor's generator, with lime-800 locked as swatch 1 and the seed taken from its hex, drew a split-complementary palette, built on the two hues beside its opposite: #de9ebf, #151934, #828cc2, #dfefce. Open it in Recolor.

Using lime-800

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

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

Common questions

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

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

Is Tailwind lime-800 defined in OKLCH?

Yes. Tailwind CSS 4.3.3 defines it as --color-lime-800: oklch(45.3% 0.124 130.933); #3d6300 is its nearest sRGB color, since the value lies outside sRGB.

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

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

Sources