Gray vs Slate for Borders and Dividers
Compare gray and slate for border colors, dividers, and separator lines.
Gray
#6b7280
Neutral borders
Slate
#64748b
Blue-tinted borders
Side-by-Side Comparison
| Aspect | Gray | Slate |
|---|---|---|
| Visibility | Subtle, blends in | Slightly more prominent |
| Brand alignment | Works with any brand | Enhances blue-toned brands |
| Pairs well with | Any background color | Slate or blue-toned backgrounds |
| Use case | Table borders, form inputs, hr tags | Card outlines, panel dividers |
| Best For | Universal dividers, form borders | Tech-themed card borders, sidebars |
Our Recommendation
Gray borders for universal, unobtrusive dividers. Slate borders for cohesive tech-themed interfaces.
Tailwind Classes
Gray
Background: bg-gray-500
Text: text-gray-500
Border: border-gray-500
Slate
Background: bg-slate-500
Text: text-slate-500
Border: border-slate-500
#borders#gray#slate#dividers#comparison