A study in blue
Tailwind Indigo 500
#6260FF
- Family
- Blue
- L
- 0.586
- C
- 0.229
- H
- 277°
Notes
Tailwind Indigo 500 anchors the framework's indigo ramp at mid-saturation. The hex sits in the blue-purple zone, slightly cooler than Violet and warmer than Blue at the same stop. It pulls duty as a primary action colour, link state, and brand identity colour in technology and editorial products. Against white the body text contrast is borderline at small sizes; headlines and dark text overlays on button surfaces are the safest territory. Body text contrast against white passes AA only at sizes 18px and above; smaller body text needs the 600 stop.
Palette built around Tailwind Indigo 500
Related colors
Frequently asked questions
What is Tailwind Indigo 500?
Tailwind Indigo 500 anchors the framework's indigo ramp at mid-saturation. The hex sits in the blue-purple zone, slightly cooler than Violet and warmer than Blue at the same stop. Its hex code is #6260FF.
What are the tints and shades of Tailwind Indigo 500?
uishades builds an 11-step OKLCH ramp for Tailwind Indigo 500 (#6260FF) - 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 Indigo 500?
Its complementary color is #937B00. Triadic partners are #E22900 and #009752; analogous neighbours are #A045E2 and #007FE3.
What are the OKLCH and RGB values of Tailwind Indigo 500?
Tailwind Indigo 500 is #6260FF - OKLCH 0.586 0.229 277°, rgb(98 96 255), in the blue family.