RecolorOpen Recolor

A very dark indigo, white text passes AA

Tailwind indigo-950

Tailwind indigo-950 is oklch(25.7% 0.09 281.288) in Tailwind CSS 4.3.3, which is #1e1a4d in hex and rgb(30 26 77). White text on it reaches 16.03:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.

Last updated

#1e1a4dindigo-950
From the theme file of Tailwind CSS 4.3.3 (--color-indigo-950), converted with Recolor's color code, October 9, 2026
FormatValue
OKLCH, as Tailwind writes itoklch(25.7% 0.09 281.288)
Hex#1e1a4d
RGBrgb(30 26 77)
HSLhsl(245 50% 20%)
CSS variablevar(--color-indigo-950)
Nearest CSS namemidnightblue #191970, 0.064 away in OKLab
White text16.03:1: AA passes, AAA passes, large text passes
Black text1.31:1: AA fails, AAA fails, large text fails

About indigo-950

Tailwind indigo-950 is a very dark indigo: OKLCH lightness 25.7%, chroma 0.090, hue 281.3 degrees. Indigo-950 is the last and darkest of the eleven indigo shades, 10.2 points under indigo-900.

Here HSL's lightness, 20%, lands near OKLCH's 25.7%, which is not true of every color. Its value fits inside sRGB, so #1e1a4d is the same color, not an approximation.

White text on indigo-950 measures 16.03:1, past the 7:1 of WCAG AAA, while black text manages only 1.31:1. On the indigo scale white text works from indigo-500 to indigo-950; indigo-950 has 5 shades of margin.

No CSS keyword matches it; midnightblue (#191970) is the nearest, 0.064 away in OKLab, a clear step off.

Tints and shades

  1. #d4d5e0
  2. #abadc2
  3. #8486a4
  4. #5e6187
  5. #3c3d6a
  6. #1e1a4d
  7. #15123a
  8. #0c0a29
  9. #050418
  10. #020109
  11. #000001

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. #1e1a4d
  2. #98754c
  3. #d3dafe
  4. #4b5079
  5. #cbb090

Recolor's generator, with indigo-950 locked as swatch 1 and the seed taken from its hex, drew a split-complementary palette, built on the two hues beside its opposite: #98754c, #d3dafe, #4b5079, #cbb090. Open it in Recolor.

Using indigo-950

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

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

Common questions

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

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

Is Tailwind indigo-950 defined in OKLCH?

Yes. Tailwind CSS 4.3.3 defines it as --color-indigo-950: oklch(25.7% 0.09 281.288); #1e1a4d is its conversion to sRGB.

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

No. The nearest CSS named color is midnightblue (#191970), 0.064 away in OKLab.

Sources