Find the nearest CSS color name for any HEX code. Browse all 140 CSS named colors.
Nearest CSS Color Name
mediumpurple
Your HEX
#7C3AED
Nearest HEX
#9370DB
Delta
38
All 140 CSS Named Colors
Click any color to copy its HEX code
How to Use the Color Name Finder
Use the color picker or type a HEX code to find the nearest CSS named color. The tool calculates the Euclidean distance in RGB color space between your input and all 140 CSS named colors, then returns the closest match.
The Delta value shows how close the match is -- 0 means an exact match, higher values mean the nearest named color is further away from your input. Most custom brand colors will have some delta, since they are designed specifically rather than matching a standard named color.
Use the CSS color name in stylesheets where readability matters more than precision. Named colors are memorable and self-documenting: color: coral reads better than color: #FF7F50. However, for exact brand colors, always use the precise HEX or RGB value.
Browse all 140 CSS named colors in the grid below. Use the search box to filter by name. Click any swatch to copy its HEX code. This is a useful reference when choosing CSS color values for prototypes and quick designs.
Frequently Asked Questions
CSS named colors are predefined color keywords that browsers understand directly in stylesheets, like 'red', 'blue', 'coral', and 'rebeccapurple'. There are 140 named colors in the CSS Color Level 4 specification.
CSS has 140 named colors. These range from basic names like red and blue to more descriptive ones like 'mediumaquamarine', 'papayawhip', and 'rebeccapurple'. All 140 are shown in the reference grid on this page.
Yes. CSS named colors are valid in any context where a color value is accepted: color: coral; background-color: navy; border-color: rebeccapurple; They are supported in all modern browsers.
The most commonly used CSS named colors are 'white', 'black', 'transparent', 'red', 'blue', 'green', and 'gray'. Simple, unambiguous names are preferred in production CSS.
Rebeccapurple (#663399) is a medium-dark purple named in honor of Rebecca Meyer, daughter of CSS specification author Eric Meyer, who died in 2014. It is the only CSS color named after a real person.