Hex Color Name Finder
Paste any hex color code or pick a color, and this tool finds the closest named CSS color, shows the exact RGB distance between your color and the match, and lists the next closest alternatives with their hex values.
Closest named color
Your color
—
distance
—
—
Closest match
—
—
—
Next closest alternatives
| Swatch | Name | Hex | Distance |
|---|
How to use
- Type a hex code such as #7f9ac0, use the 3-digit shorthand, or pick a color from the color picker.
- The closest CSS named color appears instantly with the distance score and the per-channel delta.
- Copy the name or hex of the match or any alternative straight from the table.
Note: Matching uses Euclidean distance in RGB space across all 147 standard CSS named colors. A distance of 0 means your color has an exact named match. This is an estimate for design work.
Tips
- Use the matched name in CSS when readability matters, and the hex when exact color fidelity matters.
- If two alternatives have very close distances, try both — screen calibration changes which looks closer.
- For brand work, always check the match on a real device before shipping.