Color Name Finder
Enter any color and find its name from 200+ CSS and common color names.
Enter Color
rgb(99, 102, 241) · hsl(239, 84%, 67%)
Closest Named Color
Your color
#6366F1
94% match
mediumslateblue
#7B68EE
5 Closest Colors
Search by Name
How to Use the Color Name Finder
- 1.Enter any HEX color using the color picker or by typing the code directly in the input field.
- 2.The tool instantly finds the closest named color from a database of 200+ CSS and extended color names.
- 3.Browse the 5 closest matches with their similarity percentage — click any to copy its HEX code.
- 4.Use the "Search by name" box to find colors by description — try "ocean", "rose", "midnight", or "sage".
- 5.Click "Random" to explore a random color and discover its closest named equivalent.
What are CSS Named Colors?
CSS defines 148 named colors — from classics like red, blue, and white, to quirky names like rebeccapurple, cornflowerblue, and papayawhip. These names are defined in the CSS Color Level 4 specification and are valid anywhere a color value is accepted.
Beyond the official CSS names, designers and paint manufacturers have developed thousands of descriptive color names over centuries. Extended color databases include names like "cerulean", "vermilion", "chartreuse", and "ecru" — descriptive names that communicate color character more evocatively than a HEX code ever could. These names are especially useful in design documentation, client communication, and brand guidelines.
The closest-name algorithm here uses Euclidean distance in RGB space — measuring the geometric distance between the input color and every named color in the database, then returning the nearest matches. The similarity percentage indicates how close the match is, with 100% meaning an exact match.
Frequently Asked Questions
Can I use CSS named colors in production?
Yes. All 148 CSS named colors are fully supported in every modern browser and are valid in any CSS property that accepts a color value. They are slightly less efficient than HEX values for tooling but perfectly valid for production use.
What is rebeccapurple?
rebeccapurple (#663399) was added to the CSS Color Level 4 specification in honor of Rebecca Meyer, daughter of CSS pioneer Eric Meyer, who passed away in 2014. It is the only CSS named color named after a person.
Why is my color's nearest match only 85% similar?
Most colors in the spectrum do not have an exact named equivalent — the 200+ color names cover only a fraction of the ~16 million possible RGB colors. A similarity below 100% simply means the nearest named color is close but not identical. The HEX value remains the exact representation of your color.