RecolorOpen Recolor

A vivid medium cyan, black text passes AA

Tailwind cyan-600

The hex code of Tailwind cyan-600 is #0092b8 (rgb(0 146 184)), from its Tailwind CSS 4.3.3 value oklch(60.9% 0.126 221.723). Black text on it reaches 5.80:1, passing WCAG AA; below, Recolor (recolor.page) puts it on a page.

Last updated

#0092b8cyan-600
From the theme file of Tailwind CSS 4.3.3 (--color-cyan-600), converted with Recolor's color code, October 9, 2026
FormatValue
OKLCH, as Tailwind writes itoklch(60.9% 0.126 221.723)
Hex#0092b8, the nearest color in sRGB
RGBrgb(0 146 184)
HSLhsl(192 100% 36%)
OKLCH of the hexoklch(61.4% 0.116 224.6)
CSS variablevar(--color-cyan-600)
Nearest CSS namesteelblue #4682b4, 0.050 away in OKLab
White text3.62:1: AA fails, AAA fails, large text passes
Black text5.80:1: AA passes, AAA fails, large text passes

About cyan-600

Read as numbers, cyan-600 is lightness 60.9%, chroma 0.126 and hue 221.7 degrees; read by eye, it is a vivid medium cyan. Its neighbors on the cyan scale are cyan-500, 10.6 points lighter, and cyan-700, 8.9 points darker.

HSL puts its lightness at 36% and OKLCH at 60.9%, 25 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. A hex code cannot hold cyan-600 exactly: the value is outside sRGB, and #0092b8 is the CSS Color 4 gamut mapping of it, chroma lowered by 0.010, 0.5 points of lightness and 2.9 degrees of hue away from the value.

Black is the ink for cyan-600: 5.80:1 passes AA for body text, where white stops at 3.62:1. It is the darkest cyan shade that still carries black body text; cyan-700 drops to 3.98:1.

Of the named colors, steelblue (#4682b4) is the nearest, 0.050 away in OKLab; next to each other the two still differ.

Tints and shades

  1. #ddedf4
  2. #bbdbe8
  3. #98c9dc
  4. #74b6d0
  5. #4ba4c4
  6. #0092b8
  7. #007190
  8. #005269
  9. #003545
  10. #001b24
  11. #000407

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. #0092b8
  2. #d6e9f1
  3. #225868
  4. #bbba9e
  5. #301d2a

Around cyan-600 as swatch 1, Recolor's generator made a triadic palette, three hues a third of the wheel apart: #d6e9f1, #225868, #bbba9e, #301d2a, drawn from a seed fixed by its hex. Open it in Recolor.

Using cyan-600

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

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

Common questions

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

No. White text measures 3.62:1 on cyan-600, under AA's 4.5:1; black text measures 5.80:1 and passes. The lightest cyan shade for white text is cyan-700.

Is Tailwind cyan-600 defined in OKLCH?

Yes. Tailwind CSS 4.3.3 defines it as --color-cyan-600: oklch(60.9% 0.126 221.723); #0092b8 is its nearest sRGB color, since the value lies outside sRGB.

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

No. The nearest CSS named color is steelblue (#4682b4), 0.050 away in OKLab.

Sources