Skip to content
RGBHex

cyan-500

#00B6D4

cyan-500Tailwind v4.

Formats

Open #00B6D4 in the converter →

Contrast & legibility

Text on white2.43:1 AA ✗
Text on black8.64:1 AA ✓

WCAG 2.2 AA requires 4.5:1 for normal text and 3:1 for large text. Check any pair →

Tints & shades

An 11-stop OKLCH ramp through cyan-500 (the same engine as the theme builder). Click any stop to open its page.

Harmonies

Explore all harmonies for #00B6D4

Color-blindness preview

#a1b0d6

Protanopia

#8a9fd4

Deuteranopia

#00c1bf

Tritanopia

#a6a6a6

Achromatopsia

How cyan-500 appears to viewers with each color-vision deficiency. Full simulator →

About cyan-500

#00B6D4 is cyan-500, a tailwind v4. This page shows its rgb(0, 182, 212) / hsl(188.5, 99.75%, 41.62%) / oklch(0.7145 0.1263 215.12) values, WCAG contrast against black and white, an OKLCH tint-and-shade ramp, and complementary, analogous, and triadic harmonies — all computed in perceptually-uniform OKLCH.