Color Name Finder

The Color Name Finder takes any hex, RGB, or HSL color and tells you the closest named color from common naming collections. Instead of saying \"it\\u2019s that sort of muted purple-blue,\" you can say \"it\\u2019s Slate Blue\" or \"Cornflower Blue\" or \"Periwinkle\" — whichever feels closest. Named colors are useful in design discussions (easier to remember than #6F94D0), accessible documentation (screen readers benefit from meaningful names), and creative writing. Every tool and framework uses slightly different color names; this tool returns matches from multiple collections so you can pick the name that best communicates.

The tool searches the CSS named colors (the 147 colors defined in CSS3 — aliceblue, antiquewhite, aqua, ...), X11 standard colors (similar to CSS but with extensions), and a broader database of color names from design references, crayola colors, and Pantone-adjacent naming. Perceptual distance determines the nearest match, with the top 5 alternatives shown so you can pick what fits your writing or branding style. For exact CSS compliance, the tool prioritizes the 147 standard web colors; broader name mode pulls from a larger database including historical and cultural color names.

\"Nearest named color\" is the same distance problem as the Tailwind Color Finder, just against a different reference set.

Reference collections used by this tool:
- CSS named colors (147): antiquewhite, aqua, aquamarine, azure, ..., yellowgreen
- X11 colors: subset of CSS with minor additions
- Extended color database (~1500 names): including historical, cultural, and brand names (Tiffany Blue, Millennial Pink, Yves Klein Blue, etc.)

Distance computation: OKLCH Euclidean distance (same as Tailwind Color Finder). Perceptually uniform, so small distances correspond to visually similar colors.

The CSS 147 colors are well-known to web developers but cover an uneven color space — there\\u2019s a lot of pinks (deeppink, hotpink, pink, lightpink, mistyrose), several of most hues, and gaps in less-named areas. Matching to the broader extended database usually gives more descriptive names, but the CSS-only mode is preferred when you need standards-compliant names for CSS.

Exact matches: if the input hex is one of the named colors, the tool reports \"exact match\" with distance 0. Otherwise the nearest neighbor by OKLCH distance is returned, with distance value indicating how close the match really is.

Naming caveats: color names are culturally variable. \"Turquoise\" in CSS is #40E0D0, but in common usage people use the word more broadly. \"Lime\" in CSS is pure #00FF00 (same as green), which surprises people expecting a yellowish lime. The tool reports the canonical CSS value for each name to avoid confusion.

Pantone: Pantone colors are proprietary and not freely distributed. This tool does not include the official Pantone library but does include close approximations and culturally recognized Pantone-adjacent names (Millennial Pink, Greenery, etc.). For exact Pantone matching, use Pantone\\u2019s own tools.

Compared to manually scrolling CSS color swatches, this tool is instant and uses perceptual distance rather than visual guessing. Manual scanning works for the most common colors but fails for nuanced matches.

Compared to \"name that color\" websites, this tool covers multiple collections (CSS, X11, extended) with perceptually accurate matching. Dedicated sites often use only one collection or non-perceptual matching.

Compared to Pantone\u2019s official tools, this tool offers Pantone-adjacent approximations rather than exact matches. Pantone tools are the gold standard for print color matching; this tool is for general-purpose naming.