Nearest Named CSS Color Finder
Local ProcessingFind the closest standard named CSS color (e.g. coral, crimson, royalblue) for any hex value.
How It Works & Processing Standards
Find the closest standard named CSS color (e.g. coral, crimson, royalblue) for any hex value.
Tool processing runs in your browser. If you create a calculator or conversion share link, its values are included in the URL. See the privacy policy for account, analytics and advertising data.
Current Limits
- Maximum input length: 100,000 characters
Finds which named color an unnamed color such as #ff6346 resembles, by comparing sRGB distance with 34 basic CSS color names.
Only 34 basic CSS names are compared, so if nothing is very close the name may feel different.
What You Can Do
- Closest name
- A CSS-usable name such as tomato or navy.
- The name’s code
- The exact HEX the name stands for.
How to Use Nearest Named CSS Color Finder
- 1Enter a colorPick it or type HEX.
- 2Read the resultSee the closest name and its code.
Examples
A color close to tomato
Input: #ff6346
Result: tomato (#ff6347)
Common Use Cases
- Referring to colors by name in design documents
- Using a roughly similar named color in CSS
Frequently Asked Questions (FAQ)
Why does #3366cc come out as teal?
Among the 34 basic names, teal (#008080) is closest by RGB distance. Extended names such as royalblue are not compared.