A study in blue
Tailwind Indigo 600
#4F39F6
- Family
- Blue
- L
- 0.510
- C
- 0.262
- H
- 277°
Notes
Indigo 600 is the hex Tailwind picked as the default brand accent in its v1 marketing site, and the choice rippled through hundreds of imitators in the years that followed. The value reads as serious and slightly mysterious - the colour Stripe might have used had Stripe not got there first with its own blue. It pairs cleanly with a warm cream #fef3c7 for type-heavy editorial layouts and with deep coral for a colour-blocked landing page. Body text against white passes AA at body sizes and AAA at 16px and above, which makes Indigo 600 a safe default for primary copy in design systems built around violet or purple accents.
Palette built around Tailwind Indigo 600
Related colors
Frequently asked questions
What is Tailwind Indigo 600?
Indigo 600 is the hex Tailwind picked as the default brand accent in its v1 marketing site, and the choice rippled through hundreds of imitators in the years that followed. The value reads as serious and slightly mysterious - the colour Stripe might have used had Stripe not got there first with its own blue. Its hex code is #4F39F6.
What are the tints and shades of Tailwind Indigo 600?
uishades builds an 11-step OKLCH ramp for Tailwind Indigo 600 (#4F39F6) - 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 600?
Its complementary color is #7B6500. Triadic partners are #BE1B00 and #007E41; analogous neighbours are #8E01D7 and #0069BF.
What are the OKLCH and RGB values of Tailwind Indigo 600?
Tailwind Indigo 600 is #4F39F6 - OKLCH 0.510 0.262 277°, rgb(79 57 246), in the blue family.