A study in indigo
Tailwind Violet 500
#8D56FF
- Family
- Indigo
- L
- 0.606
- C
- 0.237
- H
- 293°
Notes
Tailwind Violet 500 anchors the framework's violet ramp at mid-saturation. The hex sits between Indigo and Purple in hue and reads as confident and slightly modern. It pulls duty as a primary brand colour for technology, premium services, or arts products. Against white the body text contrast is borderline at small sizes; larger sizes are safest and dark text overlays the clean option on button surfaces. Body text contrast against white passes AA only at sizes 18px and above; smaller body text needs the 600 stop or darker for legibility against white surfaces.
Palette built around Tailwind Violet 500
Related colors
Frequently asked questions
What is Tailwind Violet 500?
Tailwind Violet 500 anchors the framework's violet ramp at mid-saturation. The hex sits between Indigo and Purple in hue and reads as confident and slightly modern. Its hex code is #8D56FF.
What are the tints and shades of Tailwind Violet 500?
uishades builds an 11-step OKLCH ramp for Tailwind Violet 500 (#8D56FF) - 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 Violet 500?
Its complementary color is #848A00. Triadic partners are #D05A00 and #009C7A; analogous neighbours are #C03BD1 and #2D73FF.
What are the OKLCH and RGB values of Tailwind Violet 500?
Tailwind Violet 500 is #8D56FF - OKLCH 0.606 0.237 293°, rgb(141 86 255), in the indigo family.