A study in blue
Tailwind Cyan 500
#00B6D4
- Family
- Blue
- L
- 0.715
- C
- 0.126
- H
- 215°
Notes
Tailwind Cyan 500 sits at the saturated mid-cyan centre of Tailwind v4's cyan ramp. The hex is brighter than Sky 500 and slightly cooler than Teal 500, with strong presence against white. It pulls duty for informational accents, data visualisation, and secondary brand colour in technology and communications products. Against white the contrast is borderline for body text at small sizes; headlines and dark text overlays on button or panel surfaces are the safest territory. Body text contrast falls below AA at sizes under 18px.
See your palette on a real UI - coming soon
Preview these shades across buttons, cards, and components in a live interface.
Palette built around Tailwind Cyan 500
Related colors
Frequently asked questions
What is Tailwind Cyan 500?
Tailwind Cyan 500 sits at the saturated mid-cyan centre of Tailwind v4's cyan ramp. The hex is brighter than Sky 500 and slightly cooler than Teal 500, with strong presence against white. Its hex code is #00B6D4.
What are the tints and shades of Tailwind Cyan 500?
uishades builds an 11-step OKLCH ramp for Tailwind Cyan 500 (#00B6D4) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Tailwind Cyan 500?
Its complementary color is #E6846B. Triadic partners are #D383C2 and #BCA237; analogous neighbours are #58AAEC and #00BCAD.
What are the OKLCH and RGB values of Tailwind Cyan 500?
Tailwind Cyan 500 is #00B6D4 - OKLCH 0.715 0.126 215°, rgb(0 182 212), in the blue family.