Find the color name from hex code in a single click. Paste any hex value or pick a color, and this tool identifies the nearest CSS named color from the full list of 147 standard names — plus the four runner-up matches with their distance metric. You also see RGB and HSL equivalents, can copy either the color name or hex value to your clipboard, and browse every CSS named color in a searchable grid. Useful when you have a random hex from a screenshot, a design tool, or a brand palette and want the closest human-readable name.
Last updated: March 2026
#FF6347
Nearest Named Color
Tomato
#FF6347 · distance 0
Color Values
HEX#FF6347
RGBrgb(255, 99, 71)
HSLhsl(9, 100%, 64%)
Top 5 Closest Matches
Browse all 147 named colors
Copied!
Frequently Asked Questions
How do I find the color name from a hex code?
Paste your hex code into the input box or use the color picker. The tool instantly compares your color against all 147 standard CSS named colors using Euclidean distance in RGB space, and returns the closest match. You also see the next four closest names for context. Because only 147 names exist across 16.7 million possible RGB values, the "match" is often approximate — always check the distance metric to judge how close the name really is.
How many CSS named colors are there?
There are 147 standard CSS named colors recognized by every modern browser. This includes the 17 original HTML 4.01 colors (black, silver, gray, white, maroon, red, purple, fuchsia, green, lime, olive, yellow, navy, blue, teal, aqua, orange) plus 130 additional X11 colors added in CSS3. Notable examples include Tomato, DodgerBlue, RebeccaPurple (added in 2014), MediumSeaGreen, and PapayaWhip. Some colors are aliases: aqua and cyan share the same hex value, as do fuchsia and magenta.
What algorithm is used to find the nearest color?
This tool uses Euclidean distance in RGB color space: sqrt((r1-r2)² + (g1-g2)² + (b1-b2)²). It's fast and adequate for most use cases. More perceptually accurate alternatives exist — CIEDE2000 and Delta-E in LAB space model human vision more faithfully by weighting green perception higher than blue, for example. For a color-naming tool where the 147 names are already widely spaced, the RGB distance gives results that are indistinguishable from LAB for >95% of inputs. A distance of 0 means an exact match; anything under ~10 is visually very close.
Can I use named colors in modern CSS?
Yes — all 147 CSS named colors work in every modern browser and are part of the CSS Color Module Level 4 specification. They're valid anywhere a color value is accepted: background-color, color, border, box-shadow, SVG fill and stroke, and inside color-mix(). Names are case-insensitive, so DodgerBlue, dodgerblue, and DODGERBLUE all work. That said, most professional codebases prefer hex or custom properties for consistency with design systems.
Why do two very different hex codes sometimes map to the same name?
The 147 named colors are sparsely distributed across the 16.7 million possible RGB values — on average each name "owns" about 114,000 colors. Any hex that falls in the Voronoi region closest to DarkSlateGray, for instance, maps to DarkSlateGray even if it's visually distinct. That's why we show the top 5 closest matches with their distance metric: a low distance (under 10) means the name is genuinely accurate; a high distance (over 40) means the name is just the least-bad approximation.
What does the distance number represent?
The distance is the straight-line distance between your color and the named color in 3D RGB space, where each channel ranges 0–255. The maximum possible distance is about 441 (pure black to pure white). As a rough guide: 0 = exact match; 1–10 = virtually indistinguishable; 11–30 = close match a human would consider the same color family; 31–60 = same hue, different shade; 60+ = the name is a rough approximation.