How is the closest color found?

The tool calculates Euclidean RGB distance between your color and all ~440 colors in Tailwind's default palette, returning the closest match.

Which version of Tailwind is this based on?

This tool uses the default Tailwind CSS v3/v4 palette which includes shades from 50 to 950 for all color families.

Tailwind Color Finder

Find the closest Tailwind CSS color class for any hex color.

Input color:

Related Tools

#Color Name Finder

Find the nearest CSS named color to any hex color.

#cColor Format Converter

Convert colors between HEX, RGB, and HSL formats with a live preview swatch.

#Contrast Checker

Check foreground/background color contrast ratio against WCAG standards.

FAQ

How is the closest color found?: The tool calculates Euclidean RGB distance between your color and all ~440 colors in Tailwind's default palette, returning the closest match.
Which version of Tailwind is this based on?: This tool uses the default Tailwind CSS v3/v4 palette which includes shades from 50 to 950 for all color families.

Input any hex color and find the closest Tailwind CSS color utility class from the complete default palette. Searches all color families (slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose) across all shades (50–950). Shows the class name, hex value, and color swatch.