How to Find the Name of Any Color
Every color has a name — but finding it isn't always obvious. CSS defines 148 named colors (like 'coral', 'teal', 'slategray'), and the broader color naming world includes thousands more. The Color Name Finder takes any HEX or RGB value and returns the closest named color match.
- Look up the closest named color for any HEX or RGB value.
- Covers css named colors.
- Covers finding the closest named color.
- Covers color naming in design systems.
CSS Named Colors
CSS recognizes 148 named colors that can be used directly in stylesheets: color: coral, background: midnightblue, border-color: darkolivegreen. These names are useful for prototyping and readable code, but production design systems typically use HEX or HSL values for precision. The full list ranges from common colors (red, blue, white) to oddly specific ones (papayawhip, lemonchiffon, blanchedalmond).
Finding the Closest Named Color
Most colors you'll work with won't match a CSS named color exactly. The Color Name Finder calculates the perceptual distance between your input color and every named color in its database, returning the closest match along with the delta (how different they are). This is useful for naming design tokens, writing documentation, and communicating colors in conversation ('it's like a muted coral').
Color Naming in Design Systems
Design systems name colors semantically (primary, danger, muted) rather than visually (blue, red, gray). But during the design process, descriptive names help team communication. Use the Color Name Finder to establish a shared vocabulary: 'the hero background is slate blue' is more useful in a meeting than 'the hero background is #6A89CC'.
background-size animation or @property registered custom properties instead.