RecolorOpen Recolor

A vivid medium indigo, white text passes AA

Tailwind indigo-600

The hex code of Tailwind indigo-600 is #4f39f6 (rgb(79 57 246)), from its Tailwind CSS 4.3.3 value oklch(51.1% 0.262 276.966). White text on it reaches 6.46:1, passing WCAG AA; below, Recolor (recolor.page) puts it on a page.

Last updated

#4f39f6indigo-600
From the theme file of Tailwind CSS 4.3.3 (--color-indigo-600), converted with Recolor's color code, October 9, 2026
FormatValue
OKLCH, as Tailwind writes itoklch(51.1% 0.262 276.966)
Hex#4f39f6
RGBrgb(79 57 246)
HSLhsl(247 91% 59%)
CSS variablevar(--color-indigo-600)
Nearest CSS nameroyalblue #4169e1, 0.098 away in OKLab
White text6.46:1: AA passes, AAA fails, large text passes
Black text3.25:1: AA fails, AAA fails, large text passes

About indigo-600

Read as numbers, indigo-600 is lightness 51.1%, chroma 0.262 and hue 277.0 degrees; read by eye, it is a vivid medium indigo. Its neighbors on the indigo scale are indigo-500, 7.4 points lighter, and indigo-700, 5.4 points darker.

Its lightness is 59% in HSL and 51.1% in OKLCH, 8 points apart; only the second tracks how light it looks. No gamut mapping is needed here: oklch(51.1% 0.262 276.966) sits inside sRGB and #4f39f6 matches it.

White is the ink for indigo-600: 6.46:1 passes AA for body text, where black stops at 3.25:1. On the indigo scale white text works from indigo-500 to indigo-950; indigo-600 has 1 shade of margin.

No CSS keyword matches it; royalblue (#4169e1) is the nearest, 0.098 away in OKLab, a clear step off.

Tints and shades

  1. #dce2ff
  2. #bbc5ff
  3. #9ba7ff
  4. #7d88ff
  5. #6365fb
  6. #4f39f6
  7. #3c2bc1
  8. #2a1d8f
  9. #19105f
  10. #0a0534
  11. #01010e

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. #4f39f6
  2. #afb3d6
  3. #22291c
  4. #ffe5c6
  5. #7d88c4

Around indigo-600 as swatch 1, Recolor's generator made a split-complementary palette, built on the two hues beside its opposite: #afb3d6, #22291c, #ffe5c6, #7d88c4, drawn from a seed fixed by its hex. Open it in Recolor.

Using indigo-600

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

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

Common questions

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

Yes. White text measures 6.46:1 on indigo-600, above the 4.5:1 that WCAG AA asks of body text.

Is Tailwind indigo-600 defined in OKLCH?

Yes. Tailwind CSS 4.3.3 defines it as --color-indigo-600: oklch(51.1% 0.262 276.966); #4f39f6 is its conversion to sRGB.

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

No. The nearest CSS named color is royalblue (#4169e1), 0.098 away in OKLab.

Sources