A study in blue
Tailwind Gray 500
#6A7282
- Family
- Blue
- L
- 0.551
- C
- 0.027
- H
- 264°
Notes
Tailwind Gray 500 anchors the framework's gray ramp at mid-light, carrying a faint blue undertone. The cool cast distinguishes it from warmer neutrals like Stone or pure Zinc at similar lightness. It handles secondary type, borders, and disabled-state surfaces in technology and business products. Against white the body text contrast is sufficient for AA at standard sizes but should be verified for small caps and footnote text. Body text contrast against white passes AA at body sizes; AAA holds only at sizes 18px and above for de-emphasized labels.
Palette built around Tailwind Gray 500
Related colors
Frequently asked questions
What is Tailwind Gray 500?
Tailwind Gray 500 anchors the framework's gray ramp at mid-light, carrying a faint blue undertone. The cool cast distinguishes it from warmer neutrals like Stone or pure Zinc at similar lightness. Its hex code is #6A7282.
What are the tints and shades of Tailwind Gray 500?
uishades builds an 11-step OKLCH ramp for Tailwind Gray 500 (#6A7282) - 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 Gray 500?
Its complementary color is #797160. Triadic partners are #816C6A and #697668; analogous neighbours are #726F80 and #63757F.
What are the OKLCH and RGB values of Tailwind Gray 500?
Tailwind Gray 500 is #6A7282 - OKLCH 0.551 0.027 264°, rgb(106 114 130), in the blue family.