A study in blue
Tailwind Blue 600
#155DFC
- Family
- Blue
- L
- 0.547
- C
- 0.246
- H
- 263°
Notes
Tailwind Blue 600 has the same emotional register as the Stripe brand blue - deeper than the famously friendly Tailwind 500, more committed without going corporate. The hex pulls slightly cooler than Material Blue 500 and reads as the work blue of choice for SaaS dashboards launched after 2020. It pairs cleanly with Tailwind Slate 50 surfaces for type and with a single warm accent like Amber 500 for emphasis. Body text against white passes AA comfortably at every standard size and reaches AAA at 16px and above, which makes it a safe default for primary copy.
Palette built around Tailwind Blue 600
Related colors
Frequently asked questions
What is Tailwind Blue 600?
Tailwind Blue 600 has the same emotional register as the Stripe brand blue - deeper than the famously friendly Tailwind 500, more committed without going corporate. The hex pulls slightly cooler than Material Blue 500 and reads as the work blue of choice for SaaS dashboards launched after 2020. Its hex code is #155DFC.
What are the tints and shades of Tailwind Blue 600?
uishades builds an 11-step OKLCH ramp for Tailwind Blue 600 (#155DFC) - 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 Blue 600?
Its complementary color is #956700. Triadic partners are #DA0022 and #008C00; analogous neighbours are #7D3DEE and #007CB2.
What are the OKLCH and RGB values of Tailwind Blue 600?
Tailwind Blue 600 is #155DFC - OKLCH 0.547 0.246 263°, rgb(21 93 252), in the blue family.