Color Indicator
Gray 400 Color Code #9CA3AF
Copy Tailwind classes, CSS variables and explore a ready-made palette for this color. Generated automatically by Color Indicator.
About this color
#9CA3AF · Gray 400
Tailwind Gray 400 (#9CA3AF). Ideal for placeholder text and secondary icon colors in high-quality web apps. Get HEX, RGB, and HSL values, use the palette generator, and explore brand colors for UI, marketing, and product design. Complementary (AFA89C) and triad (AF9CA3, A3AF9C) variants keep contrast in check.