RecolorOpen Recolor

A very dark yellowish gray, white text passes AA

Tailwind olive-950

Tailwind olive-950 is oklch(15.3% 0.006 107.1) in Tailwind CSS 4.3.3, which is #0c0c09 in hex and rgb(12 12 9). White text on it reaches 19.59:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.

Last updated

#0c0c09olive-950
From the theme file of Tailwind CSS 4.3.3 (--color-olive-950), converted with Recolor's color code, October 9, 2026
FormatValue
OKLCH, as Tailwind writes itoklch(15.3% 0.006 107.1)
Hex#0c0c09
RGBrgb(12 12 9)
HSLhsl(60 14% 4%)
CSS variablevar(--color-olive-950)
Nearest CSS nameblack #000000, 0.153 away in OKLab
White text19.59:1: AA passes, AAA passes, large text passes
Black text1.07:1: AA fails, AAA fails, large text fails

About olive-950

Tailwind olive-950 is a very dark yellowish gray: OKLCH lightness 15.3%, chroma 0.006, hue 107.1 degrees. Olive-950 is the last and darkest of the eleven olive shades, 7.5 points under olive-900.

Its lightness is 4% in HSL and 15.3% in OKLCH, 11 points apart; only the second tracks how light it looks. Its value fits inside sRGB, so #0c0c09 is the same color, not an approximation.

White text on olive-950 measures 19.59:1, past the 7:1 of WCAG AAA, while black text manages only 1.07:1. On the olive scale white text works from olive-600 to olive-950; olive-950 has 4 shades of margin.

CSS has no keyword in its neighborhood; black (#000000) is the nearest, a long 0.153 away in OKLab.

Tints and shades

  1. #d1d0d0
  2. #a5a3a4
  3. #7b7879
  4. #535051
  5. #2f2b2c
  6. #0c0c09
  7. #080607
  8. #040303
  9. #020101
  10. #010000

From light to dark: 5 toward white and 4 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. #0c0c09
  2. #7b854a
  3. #e3e9d7
  4. #4f5806
  5. #c9bcea

Recolor's generator, with olive-950 locked as swatch 1 and the seed taken from its hex, drew a complementary palette, built on the hue opposite: #7b854a, #e3e9d7, #4f5806, #c9bcea. Open it in Recolor.

Using olive-950

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

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

Common questions

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

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

Is Tailwind olive-950 defined in OKLCH?

Yes. Tailwind CSS 4.3.3 defines it as --color-olive-950: oklch(15.3% 0.006 107.1); #0c0c09 is its conversion to sRGB.

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

No. The nearest CSS named color is black (#000000), 0.153 away in OKLab.

Sources