A study in blue
Tailwind Blue 500
#3280FF
- Family
- Blue
- L
- 0.623
- C
- 0.204
- H
- 260°
Notes
Tailwind Blue 500 is one of the most-deployed blues on the modern web, sitting at the centre of Tailwind's blue ramp. The v4 hex was retuned in OKLCH space from the v3 value and reads as slightly fresher and more saturated than its predecessor. It pulls duty as a primary action colour, link state, and focus indicator across SaaS, finance, and developer-tools branding. Against white the contrast is sufficient for body text in most sizes and excellent for buttons. Tailwind Slate handles type contrast cleanly; a warm accent keeps the palette from going monochrome.
Palette built around Tailwind Blue 500
Related colors
Frequently asked questions
What is Tailwind Blue 500?
Tailwind Blue 500 is one of the most-deployed blues on the modern web, sitting at the centre of Tailwind's blue ramp. The v4 hex was retuned in OKLCH space from the v3 value and reads as slightly fresher and more saturated than its predecessor. Its hex code is #3280FF.
What are the tints and shades of Tailwind Blue 500?
uishades builds an 11-step OKLCH ramp for Tailwind Blue 500 (#3280FF) - 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 500?
Its complementary color is #B57A00. Triadic partners are #E83F51 and #2EA200; analogous neighbours are #8968F7 and #0095CD.
What are the OKLCH and RGB values of Tailwind Blue 500?
Tailwind Blue 500 is #3280FF - OKLCH 0.623 0.204 260°, rgb(50 128 255), in the blue family.