A study in blue
Tailwind Cyan 600
#0091B3
- Family
- Blue
- L
- 0.609
- C
- 0.113
- H
- 222°
Notes
Tailwind Cyan 600 is the cyan you reach for when the brand needs to feel technical without going icy. It sits darker and slightly less green than the framework's 500, which puts it on the legible side of the colour-contrast line for body type against white at standard sizes. It works as a primary action colour in developer-tooling layouts or as the hover state above Cyan 500 buttons. A warm accent like burnt orange #cc5500 keeps the palette away from the obvious neon-on-black engineering cliché. Body text passes AA at body sizes and AAA at 18px and above.
Palette built around Tailwind Cyan 600
Related colors
Frequently asked questions
What is Tailwind Cyan 600?
Tailwind Cyan 600 is the cyan you reach for when the brand needs to feel technical without going icy. It sits darker and slightly less green than the framework's 500, which puts it on the legible side of the colour-contrast line for body type against white at standard sizes. Its hex code is #0091B3.
What are the tints and shades of Tailwind Cyan 600?
uishades builds an 11-step OKLCH ramp for Tailwind Cyan 600 (#0091B3) - 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 600?
Its complementary color is #BB6A4A. Triadic partners are #B06696 and #908526; analogous neighbours are #4D86C4 and #009794.
What are the OKLCH and RGB values of Tailwind Cyan 600?
Tailwind Cyan 600 is #0091B3 - OKLCH 0.609 0.113 222°, rgb(0 145 179), in the blue family.