RecolorOpen Recolor

A pale gray, black text passes AA

Tailwind neutral-50

The hex code of Tailwind neutral-50 is #fafafa (rgb(250 250 250)), from its Tailwind CSS 4.3.3 value oklch(98.5% 0 none). Black text on it reaches 20.12:1, passing WCAG AAA; below, Recolor (recolor.page) puts it on a page.

Last updated

#fafafaneutral-50
From the theme file of Tailwind CSS 4.3.3 (--color-neutral-50), converted with Recolor's color code, October 9, 2026
FormatValue
OKLCH, as Tailwind writes itoklch(98.5% 0 none)
Hex#fafafa
RGBrgb(250 250 250)
HSLhsl(0 0% 98%)
CSS variablevar(--color-neutral-50)
Nearest CSS namesnow #fffafa, 0.007 away in OKLab
White text1.04:1: AA fails, AAA fails, large text fails
Black text20.12:1: AA passes, AAA passes, large text passes

About neutral-50

Read as numbers, neutral-50 is lightness 98.5%, chroma 0.000 and no hue; read by eye, it is a pale gray. It opens the neutral scale as its lightest shade, 1.5 points of lightness above neutral-100.

HSL and OKLCH agree on how light it is, 98% and 98.5%. No gamut mapping is needed here: oklch(98.5% 0 none) sits inside sRGB and #fafafa matches it.

Black on neutral-50 reads at 20.12:1, enough for AAA body text; white reaches 1.04:1 and should stay off it. Black text passes on every neutral shade from neutral-50 to neutral-400, 4 shades darker than neutral-50.

Its nearest CSS named color, snow (#fffafa), is 0.007 away in OKLab, too close to tell apart by eye.

Tints and shades

  1. #fefefe
  2. #fdfdfd
  3. #fcfcfc
  4. #fbfbfb
  5. #fafafa
  6. #c4c4c4
  7. #919191
  8. #616161
  9. #353535
  10. #0e0e0e

From light to dark: 4 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. #fafafa
  2. #997d57
  3. #302732
  4. #83ced5
  5. #564460

Around neutral-50 as swatch 1, Recolor's generator made a triadic palette, three hues a third of the wheel apart: #997d57, #302732, #83ced5, #564460, drawn from a seed fixed by its hex. Open it in Recolor.

Using neutral-50

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

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

Common questions

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

No. White text measures 1.04:1 on neutral-50, under AA's 4.5:1; black text measures 20.12:1 and passes. The lightest neutral shade for white text is neutral-500.

Is Tailwind neutral-50 defined in OKLCH?

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

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

Yes, nearly: snow (#fffafa) is 0.007 away in OKLab, too close to tell apart by eye.

Sources