RecolorOpen Recolor

A very dark gray, white text passes AA

Tailwind neutral-800

In Tailwind CSS 4.3.3, neutral-800 is defined as oklch(26.9% 0 none); in hex that is #262626, or rgb(38 38 38). White text on it reaches 15.13:1, passing WCAG AAA, and Recolor (recolor.page) can show it on a real page.

Last updated

#262626neutral-800
From the theme file of Tailwind CSS 4.3.3 (--color-neutral-800), converted with Recolor's color code, October 9, 2026
FormatValue
OKLCH, as Tailwind writes itoklch(26.9% 0 none)
Hex#262626
RGBrgb(38 38 38)
HSLhsl(0 0% 15%)
CSS variablevar(--color-neutral-800)
Nearest CSS namedarkslategray #2f4f4f, 0.140 away in OKLab
White text15.13:1: AA passes, AAA passes, large text passes
Black text1.39:1: AA fails, AAA fails, large text fails

About neutral-800

In OKLCH, neutral-800 has a lightness of 26.9%, a chroma of 0.000 and no hue, which makes it a very dark gray. The step up to neutral-700 is 10.2 points of lightness, and the step down to neutral-900 6.4 points.

HSL calls its lightness 15%, OKLCH 26.9%: 12 points between a formula and a measure of what the eye sees. The value lies inside sRGB, the gamut of a hex code, so neutral-800 converts to #262626 without losing chroma.

For text, neutral-800 wants white: 15.13:1 clears even AAA's 7:1, and black at 1.39:1 fails AA. White text passes on every neutral shade from neutral-500 down, so neutral-800 is 3 shades past the line.

No CSS named color comes near it: the closest, darkslategray (#2f4f4f), is 0.140 away in OKLab.

Tints and shades

  1. #d7d7d7
  2. #b0b0b0
  3. #8a8a8a
  4. #676767
  5. #454545
  6. #262626
  7. #1b1b1b
  8. #111111
  9. #080808
  10. #020202

From light to dark: 5 toward white and 4 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. #262626
  2. #d8c6b7
  3. #5f4600
  4. #e1e2ba
  5. #74835c

Locked as the first of five swatches, neutral-800 gets #d8c6b7, #5f4600, #e1e2ba, #74835c from Recolor's generator, an analogous palette, hues next to each other on the wheel. The seed is its hex, so the palette stays the same. Open it in Recolor.

Using neutral-800

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

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

Common questions

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

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

Is Tailwind neutral-800 defined in OKLCH?

Yes. Tailwind CSS 4.3.3 defines it as --color-neutral-800: oklch(26.9% 0 none); #262626 is its conversion to sRGB.

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

No. The nearest CSS named color is darkslategray (#2f4f4f), 0.140 away in OKLab.

Sources