RecolorOpen Recolor

A vivid very dark red, white text passes AA

Tailwind red-950

In Tailwind CSS 4.3.3, red-950 is defined as oklch(25.8% 0.092 26.042); in hex that is #460809, or rgb(70 8 9). White text on it reaches 16.17:1, passing WCAG AAA, and Recolor (recolor.page) can show it on a real page.

Last updated

#460809red-950
From the theme file of Tailwind CSS 4.3.3 (--color-red-950), converted with Recolor's color code, October 9, 2026
FormatValue
OKLCH, as Tailwind writes itoklch(25.8% 0.092 26.042)
Hex#460809
RGBrgb(70 8 9)
HSLhsl(359 79% 15%)
CSS variablevar(--color-red-950)
Nearest CSS namemaroon #800000, 0.135 away in OKLab
White text16.17:1: AA passes, AAA passes, large text passes
Black text1.30:1: AA fails, AAA fails, large text fails

About red-950

In OKLCH, red-950 has a lightness of 25.8%, a chroma of 0.092 and a hue of 26.0 degrees, which makes it a vivid very dark red. It closes the red scale as its darkest shade, 13.8 points of lightness below red-900.

HSL calls its lightness 15%, OKLCH 25.8%: 11 points between a formula and a measure of what the eye sees. The value lies inside sRGB, the gamut of a hex code, so red-950 converts to #460809 without losing chroma.

For text, red-950 wants white: 16.17:1 clears even AAA's 7:1, and black at 1.30:1 fails AA. White text passes on every red shade from red-600 down, so red-950 is 4 shades past the line.

No CSS named color comes near it: the closest, maroon (#800000), is 0.135 away in OKLab.

Tints and shades

  1. #e0d3d1
  2. #c2a8a5
  3. #a37f7a
  4. #845752
  5. #65312d
  6. #460809
  7. #350505
  8. #250203
  9. #150101
  10. #070000
  11. #010000

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. #460809
  2. #eda9b7
  3. #91352e
  4. #ffede0
  5. #b66d2f

Locked as the first of five swatches, red-950 gets #eda9b7, #91352e, #ffede0, #b66d2f 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 red-950

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

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

Common questions

Does white text pass WCAG AA on Tailwind red-950?

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

Is Tailwind red-950 defined in OKLCH?

Yes. Tailwind CSS 4.3.3 defines it as --color-red-950: oklch(25.8% 0.092 26.042); #460809 is its conversion to sRGB.

Is there a CSS named color for Tailwind red-950?

No. The nearest CSS named color is maroon (#800000), 0.135 away in OKLab.

Sources