Color Name Finder
Pick any color or enter a hex code to find its name. This tool matches your color against 148 named CSS colors and returns the closest match along with a curated list of similar named colors — so you always have the right words to describe exactly what you're looking at.
Find a Color Name
Your Color vs. Closest Named Color
10 Closest Named Colors
Why Color Names Matter
Color names serve as a shared vocabulary for communication between designers, developers, clients, and stakeholders. Saying "the primary button is medium slate blue" is immediately understood in a way that "#7b68ee" is not to most people.
CSS ships with 148 named colors, ranging from the obvious (red, blue, green) to the poetic (cornsilk, papaya whip, misty rose). Many of these names trace back to the X11 color system from 1987. Web browsers have supported them consistently since the early 2000s.
When building design systems, named colors are useful as human-readable references even when the actual implementation uses hex or HSL values. Pairing a name with a hex code in your style guide bridges both worlds.
After finding your color's name, use the monochromatic color generator to build a full tint-and-shade scale around it, or check how well it reads against a background with the color contrast checker.
More Color Tools
- Complementary Color Generator — find the opposite hue on the color wheel
- Analogous Color Generator — neighboring hues for cohesive palettes
- Monochromatic Color Generator — tints and shades of one hue
- Color Contrast Checker — WCAG accessibility testing
- Random Color Generator — instant random colors and palettes
