Color Name Finder

Find the nearest CSS color name for any HEX code. Browse all 140 CSS named colors.

Related Guide: Color Names: How to Find the Right Name for Any Color
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
Who this tool is for:

Best for: Putting a human name to a hex code from a design handoff, and finding the closest named colour when a client asks what to call it

Limitations: Returns the nearest named colour rather than an exact match, and it covers common web and CSS names rather than Pantone references

Best suited for: Designers writing documentation who need to describe a colour in words, not codes

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.

Advertisement

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.
Related Tools
🔄 HEX to RGB 🎨 Color Picker 🌎 Tint Generator

Who Uses a Colour Name Lookup

The common case is translating between a hex value a designer supplied and a name a developer can write in CSS. Front end developers reach for it when a handover file gives raw values but the codebase uses named colours for readability. Content and email teams use it because some email clients handle named colours more predictably than modern syntax.

A specific example: you receive a brand palette as six hex codes and need to know whether any map to a CSS keyword you can use directly. The full keyword list and each name's exact hex equivalent are documented in the MDN named colour reference, and this tool gives you the nearest match when a value falls between two names.

Get fresh reads straight to your inbox

Get notified when we publish new articles. Unsubscribe anytime.