RecolorOpen Recolor

A vivid medium green, black text passes AA

Tailwind green-600

The hex code of Tailwind green-600 is #00a63e (rgb(0 166 62)), from its Tailwind CSS 4.3.3 value oklch(62.7% 0.194 149.214). Black text on it reaches 6.52:1, passing WCAG AA; below, Recolor (recolor.page) puts it on a page.

Last updated

#00a63egreen-600
From the theme file of Tailwind CSS 4.3.3 (--color-green-600), converted with Recolor's color code, October 9, 2026
FormatValue
OKLCH, as Tailwind writes itoklch(62.7% 0.194 149.214)
Hex#00a63e, the nearest color in sRGB
RGBrgb(0 166 62)
HSLhsl(142 100% 33%)
OKLCH of the hexoklch(63.2% 0.186 147.4)
CSS variablevar(--color-green-600)
Nearest CSS namemediumseagreen #3cb371, 0.070 away in OKLab
White text3.22:1: AA fails, AAA fails, large text passes
Black text6.52:1: AA passes, AAA fails, large text passes

About green-600

Read as numbers, green-600 is lightness 62.7%, chroma 0.194 and hue 149.2 degrees; read by eye, it is a vivid medium green. Its neighbors on the green scale are green-500, 9.6 points lighter, and green-700, 10.0 points darker.

Its HSL lightness, 33%, says little about how light green-600 looks; OKLCH, made to match the eye, measures 62.7%, 30 points away. A hex code cannot hold green-600 exactly: the value is outside sRGB, and #00a63e is the CSS Color 4 gamut mapping of it, chroma lowered by 0.008, 0.5 points of lightness and 1.8 degrees of hue away from the value.

Black is the ink for green-600: 6.52:1 passes AA for body text, where white stops at 3.22:1. Black text holds AA down to here on the green scale; at green-700 it falls to 4.25:1.

No CSS keyword matches it; mediumseagreen (#3cb371) is the nearest, 0.070 away in OKLab, a clear step off.

Tints and shades

  1. #def1df
  2. #bce2c0
  3. #9ad4a0
  4. #76c581
  5. #4eb661
  6. #00a63e
  7. #00812f
  8. #005e20
  9. #003e12
  10. #002006
  11. #000601

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. #00a63e
  2. #3b1524
  3. #dcd6ff
  4. #514779
  5. #9fc9a5

Around green-600 as swatch 1, Recolor's generator made a split-complementary palette, built on the two hues beside its opposite: #3b1524, #dcd6ff, #514779, #9fc9a5, drawn from a seed fixed by its hex. Open it in Recolor.

Using green-600

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

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

Common questions

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

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

Is Tailwind green-600 defined in OKLCH?

Yes. Tailwind CSS 4.3.3 defines it as --color-green-600: oklch(62.7% 0.194 149.214); #00a63e is its nearest sRGB color, since the value lies outside sRGB.

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

No. The nearest CSS named color is mediumseagreen (#3cb371), 0.070 away in OKLab.

Sources