A study in teal
Tailwind Teal 500
#00B9A6
- Family
- Teal
- L
- 0.705
- C
- 0.126
- H
- 182°
Notes
Tailwind Teal 500 sits at the saturated mid-teal centre of the framework's teal ramp. The hex falls between Emerald and Cyan in hue and reads as confident and slightly fresh. It pulls duty as a primary brand colour for technology, wellness, or environmental products. Against white the body text contrast is borderline at small sizes; larger sizes are safest and dark text overlays the clean option on button surfaces. Body text contrast against white passes AA only at sizes 18px and above; smaller body text needs the 600 stop for legibility.
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 Teal 500
Related colors
Frequently asked questions
What is Tailwind Teal 500?
Tailwind Teal 500 sits at the saturated mid-teal centre of the framework's teal ramp. The hex falls between Emerald and Cyan in hue and reads as confident and slightly fresh. Its hex code is #00B9A6.
What are the tints and shades of Tailwind Teal 500?
uishades builds an 11-step OKLCH ramp for Tailwind Teal 500 (#00B9A6) - 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 Teal 500?
Its complementary color is #E07D9A. Triadic partners are #AF8CE1 and #D78D44; analogous neighbours are #00B4CE and #5CB678.
What are the OKLCH and RGB values of Tailwind Teal 500?
Tailwind Teal 500 is #00B9A6 - OKLCH 0.705 0.126 182°, rgb(0 185 166), in the teal family.