Color Name Finder
Find the nearest named CSS color to any value, with contrast checking and format conversion.
Free & unlimited
White text on colorAA Large
AaAa
Ratio: 4.47:1
Black text on colorAA
AaAa
Ratio: 4.70:1
Nearest match
mediumslateblue
#7b68ee
rgb(123, 104, 238)
95% match
Top 8 nearest colors
Tip: CSS named colors are useful for prototyping. For production, use exact hex/rgb values. WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (≥18px bold or ≥24px).
CSS named colors palette
All processing happens in your browser. No data is sent to any server.
About this tool
- 1
Enter a color
Input a hex code, RGB value, or HSL value - or use the color picker to select any color.
- 2
See the closest named color
The tool finds the nearest CSS named color (from the 148 standard names) matching your input.
- 3
View the match details
Compare your original color side by side with the named match, along with the color distance.
- CSS has 148 named colors ranging from "aliceblue" to "yellowgreen" - this tool searches all of them.
- Named colors improve code readability for common colors like "tomato", "coral", or "steelblue".
- The color distance is measured using the CIEDE2000 formula, which matches human color perception.
- If the distance is 0, your color exactly matches a CSS named color.
- Search across all 148 CSS named colors
- Perceptual color distance calculation
- Side-by-side visual comparison
- Shows multiple close matches ranked by similarity
- Accepts hex, RGB, HSL, and color picker input
- Find readable, memorable color names for code comments and documentation.
- Discover the closest CSS named color to use in quick prototypes.
- Learn CSS color names by exploring which named colors are near your brand colors.
- Replace hard-to-read hex codes with named alternatives for prototyping.
There are 148 named colors in CSS (Level 4), including common names like "red" and "blue" as well as less obvious ones like "rebeccapurple", "papayawhip", and "lemonchiffon".
Yes. All CSS named colors are defined in the W3C specification and render identically in every modern browser.
Named colors are fine for prototyping, but production design systems typically use hex, RGB, or HSL with CSS custom properties for precise control and consistency.