Enter any color and instantly find the closest matching Tailwind CSS shade, complete with ready-to-use utility classes.
Your color
Closest Tailwind match
Your color
#3b82f6
→
Closest match
—
—
Similarity: —
Matching is done by RGB distance against Tailwind's standard default palette — the same hex values used across Tailwind v3 and shared by v4's default theme for the vast majority of shades. A handful of v4 shades shifted slightly since they're now defined in OKLCH; treat exact edge cases as close approximations.