RecolorOpen Recolor

A vivid very dark purple, white text passes AA

Tailwind fuchsia-950

Tailwind fuchsia-950 is oklch(29.3% 0.136 325.661) in Tailwind CSS 4.3.3, which is #4b004f in hex and rgb(75 0 79). White text on it reaches 14.87:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.

Last updated

#4b004ffuchsia-950
From the theme file of Tailwind CSS 4.3.3 (--color-fuchsia-950), converted with Recolor's color code, October 9, 2026
FormatValue
OKLCH, as Tailwind writes itoklch(29.3% 0.136 325.661)
Hex#4b004f
RGBrgb(75 0 79)
HSLhsl(297 100% 15%)
CSS variablevar(--color-fuchsia-950)
Nearest CSS nameindigo #4b0082, 0.091 away in OKLab
White text14.87:1: AA passes, AAA passes, large text passes
Black text1.41:1: AA fails, AAA fails, large text fails

About fuchsia-950

Tailwind fuchsia-950 is a vivid very dark purple: OKLCH lightness 29.3%, chroma 0.136, hue 325.7 degrees. It closes the fuchsia scale as its darkest shade, 10.8 points of lightness below fuchsia-900.

HSL calls its lightness 15%, OKLCH 29.3%: 14 points between a formula and a measure of what the eye sees. Its value fits inside sRGB, so #4b004f is the same color, not an approximation.

White text on fuchsia-950 measures 14.87:1, past the 7:1 of WCAG AAA, while black text manages only 1.41:1. White text passes on every fuchsia shade from fuchsia-600 down, so fuchsia-950 is 4 shades past the line.

The nearest CSS named color, indigo (#4b0082), is 0.091 away in OKLab: related, but plainly a different color.

Tints and shades

  1. #e0d3e0
  2. #c2a9c2
  3. #a480a5
  4. #865888
  5. #69316b
  6. #4b004f
  7. #39003c
  8. #28002a
  9. #170019
  10. #09000a
  11. #010001

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. #4b004f
  2. #cac2d9
  3. #5e4c60
  4. #ffe1f9
  5. #a96875

Recolor's generator, with fuchsia-950 locked as swatch 1 and the seed taken from its hex, drew an analogous palette, hues next to each other on the wheel: #cac2d9, #5e4c60, #ffe1f9, #a96875. Open it in Recolor.

Using fuchsia-950

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

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

Common questions

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

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

Is Tailwind fuchsia-950 defined in OKLCH?

Yes. Tailwind CSS 4.3.3 defines it as --color-fuchsia-950: oklch(29.3% 0.136 325.661); #4b004f is its conversion to sRGB.

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

No. The nearest CSS named color is indigo (#4b0082), 0.091 away in OKLab.

Sources