Find the closest Tailwind CSS color for any color
Your Color
#3B82F6
Closest Match
blue-500
blue-500
#3B82F6 - 100% match
blue-600
#2563EB - 91% match
indigo-500
#6366F1 - 89% match
blue-400
#60A5FA - 88% match
sky-500
#0EA5E9 - 87% match
Convert colors between HEX, RGB, HSL, HSV and CMYK formats
Generate light and dark shade variations of any color
Pick colors and convert between HEX, RGB, HSL with WCAG contrast checker
The Tailwind Color Finder helps you find the closest Tailwind CSS color class for any color value. Enter a HEX, RGB, or HSL color and get the best matching Tailwind color with its class name, exact HEX value, and color difference. Essential for Tailwind CSS developers who need to match brand colors to the Tailwind palette or find the right utility class.