HEX → friendly color name. Matches CSS 140 + Crayola + Pantone popular. Great for design discussions.
Top 10 closest

How to use

  1. Enter HEX or pick a color.
  2. Choose a library (All / CSS / Crayola / Pantone).
  3. Closest name + ΔE distance shown.
  4. Top 10 alternatives for design discussions.
  5. Click any name to copy.

Key features

  • 3 libraries (CSS 140 / Crayola 100 / Pantone popular 100)
  • OKLCH perceptual distance matching
  • Top 1 + 10 alternatives
  • One-click copy

Use cases

  • Design discussions — "this red" → "Coral Pink", precise terms
  • Client communication — convey intent with named colors
  • Documentation / design systems — human-friendly labels
  • Quiz / learning — learn color names
  • Marketing copy — use color names in product descriptions

History of color names

CSS started in 1996 with 16 basic color names (red, blue, etc.) and now has 140 (aliceblue, chartreuse, papayawhip). Crayola has been naming crayons since 1903 with ~100 names today. Pantone Matching System (PMS) is the print standard with annual "Color of the Year" picks (2025: Mocha Mousse). This tool curates the most-used names and matches by OKLCH distance.

FAQ

Why ΔE?

ΔE quantifies human-perceived color difference, more accurate than plain RGB distance.

Are Pantone matches exact?

These are approximate HEX equivalents. Precise Pantone matching needs swatch books and printed proofs.

vs closest-tailwind?

closest-tailwind finds Tailwind classes; this finds friendly names.

Free?

Yes.