A study in blue
Tailwind Slate 500
#62748E
- Family
- Blue
- L
- 0.554
- C
- 0.046
- H
- 258°
Notes
Tailwind Slate 500 anchors the framework's slate ramp at mid-light. The hex carries a slight blue undertone that distinguishes it from warmer neutrals like Stone or Zinc at the same stop. It handles secondary type, borders, and disabled-state surfaces in technology and business products. The cool cast pairs especially well with blue accent colours and keeps a palette feeling modern. Body text contrast against white passes AA at standard body sizes; AAA holds only at sizes 18px and above for de-emphasized labels and footnote text use.
Palette built around Tailwind Slate 500
Related colors
Frequently asked questions
What is Tailwind Slate 500?
Tailwind Slate 500 anchors the framework's slate ramp at mid-light. The hex carries a slight blue undertone that distinguishes it from warmer neutrals like Stone or Zinc at the same stop. Its hex code is #62748E.
What are the tints and shades of Tailwind Slate 500?
uishades builds an 11-step OKLCH ramp for Tailwind Slate 500 (#62748E) - 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 Slate 500?
Its complementary color is #827054. Triadic partners are #8C6869 and #66795F; analogous neighbours are #716F8D and #567988.
What are the OKLCH and RGB values of Tailwind Slate 500?
Tailwind Slate 500 is #62748E - OKLCH 0.554 0.046 258°, rgb(98 116 142), in the blue family.