A study in gray
Tailwind Zinc 500
#71717B
- Family
- Gray
- L
- 0.552
- C
- 0.015
- H
- 286°
Notes
Tailwind Zinc 500 anchors the framework's zinc ramp at mid-light. The hex carries a faint blue-purple undertone that distinguishes it from the bluer Slate ramp and the warmer Stone ramp at the same stop. It handles secondary type, borders, and disabled-state surfaces in modern technology products. The slight purple cast pairs especially well with violet and fuchsia accent colours. Body text contrast against white passes AA at standard body sizes; AAA holds only at sizes 18px and above for de-emphasized labels and small footnote text use.
Palette built around Tailwind Zinc 500
Related colors
Frequently asked questions
What is Tailwind Zinc 500?
Tailwind Zinc 500 anchors the framework's zinc ramp at mid-light. The hex carries a faint blue-purple undertone that distinguishes it from the bluer Slate ramp and the warmer Stone ramp at the same stop. Its hex code is #71717B.
What are the tints and shades of Tailwind Zinc 500?
uishades builds an 11-step OKLCH ramp for Tailwind Zinc 500 (#71717B) - 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 Zinc 500?
Its complementary color is #737369. Triadic partners are #7A706B and #6A7570; analogous neighbours are #767078 and #6C737B.
What are the OKLCH and RGB values of Tailwind Zinc 500?
Tailwind Zinc 500 is #71717B - OKLCH 0.552 0.015 286°, rgb(113 113 123), in the gray family.