Name a color from its hex code
What is #f2a154 called? Match any hex color against the CSS named-color table and see the nearest names with distances.
Tools used in this guide
The job
CSS has 148 named colors. Design tokens, documentation, and alt text all read better as "salmon" than as "#fa8072". The tool finds the closest named colors to any input and reports how close the match is.
Match or look up
Enter a hex color (with or without #, 3 or 6 digits) to see the nearest named colors sorted by distance, or enter a name like "rebeccapurple" to get its hex and RGB values.
- Distance 0 means an exact named color; larger values are perceptual approximations.
- The weighted distance favors green and red, matching how the eye weighs channels.
Worked example
#f2a154 matches "sandybrown" (a real CSS name) at a small distance — close enough to use the name in a token.
Where it stops
It matches against the 148 CSS named colors only — not Pantone, paint brands, or Tailwind palettes. RGB input is via hex; other models (HSL, OKLCH) are not parsed. "Nearest" is a weighted RGB distance, an approximation of perception, not a color-managed measurement.