What This Tool Does
The Color Name Finder takes any HEX color code and tells you the closest named color from common color systems — the CSS named colors, X11 colors, and standard design palettes. Useful when a designer hands you #1B6B45 and you need to refer to it as something more memorable than its hex code, or when you're trying to match a color you're seeing to a name you can communicate.
Runs in your browser, instant lookup, no data sent to any server.
How to Use It
- Enter a HEX color into the input. Both
#1B6B45and1B6B45work. - The closest named color appears in the result, along with the actual color preview, the named color's preview, and the distance between them.
- If the match is exact, the result is highlighted as such. If it's approximate, the distance shows how close (smaller = closer).
#1B6B45 isn't a named CSS color directly — the closest match is "ForestGreen" (#228B22), with a perceptual distance indicating it's a related but slightly different shade. Knowing the closest name helps you describe the color verbally ("it's a forest green, but darker") even when the hex doesn't have a standard name.
Where Named Colors Come From
CSS Named Colors. The CSS spec defines about 140 named colors that browsers understand: red, blue, seagreen, tomato, cornflowerblue, papayawhip, etc. Most are inherited from the X11 system colors that predate the web.
X11 Colors. The Unix windowing system X11 defined hundreds of named colors in rgb.txt back in the 1980s. CSS adopted most of them — that's why CSS has weirdly specific colors like papayawhip and navajowhite.
Pantone, Pantone-equivalent, and brand colors. Pantone is a proprietary color matching system used in print and brand design. They have their own named colors (Pantone 281C, Pantone 2945C, etc.), but the system is licensed and not freely available for tools like this. Approximations exist but aren't legally Pantone.
How "Closest Color" Is Computed
The closest match isn't just about RGB distance — colors that look similar to humans don't always have similar RGB values. Modern color-matching uses perceptual color spaces like CIE Lab or Delta E (ΔE), which approximate how the human eye perceives color differences.
The Microapp finder uses a balanced approach: distance is computed in RGB space (fast, deterministic) but weighted to approximate perceptual differences. For most practical purposes (find the closest CSS name to a brand HEX), this is accurate. For precision color matching in print or display calibration, use a dedicated tool with a calibrated monitor.
Common Use Cases
Communicating a color verbally. "Use #1B6B45 for the CTA" is precise but unmemorable. "Use the ForestGreen color for the CTA" sticks better in a design conversation. The finder gives you the verbal handle.
Documentation and design systems. Naming colors with their closest standard reference makes design tokens easier to reason about: brand-green ≈ forestgreen in your token docs.
Reverse engineering an existing site. See a color you like on another website? Use a color picker to grab the HEX, then run it through this finder to give it a name you can search for.
Accessibility audits. When auditing color contrast, knowing the named color sometimes helps with documentation: "the gray-700 used for body text" reads more clearly in an audit report than "#374151."
Common Pitfalls
"Closest" doesn't mean "identical." A color named "blue" is #0000FF. A color that's almost blue (#0010FF) will still match to "blue" as the closest CSS name — but they aren't the same. Check the distance in the result to know how exact the match is.
Brand colors usually don't have CSS names. Most brand palettes are deliberately distinctive (so they're recognizable). Don't expect Coca-Cola red, Tiffany blue, or Microapp green to map to a CSS named color — they're typically defined by HEX alone.
Color names vary by system. "Lavender" in CSS is #E6E6FA (very pale). "Lavender" in floral or fashion contexts is much more saturated. The CSS-named lookup gives you the web standard, not the colloquial meaning.
Related Tools
For full HEX/RGB/HSL/HSV conversion of any color, use the Color Converter. To pick a color visually with a picker UI, the Hex Color Picker is the right choice. To generate a coordinated palette around a base color, see the Color Palette Generator.