Color Namer
Identify any HEX color name with enriched data, Pantone, RAL and colorblind simulation
Enter a color code to find its exact name or the closest match. Includes enriched data from our +440-color database.
Technical Values
Result
Silicon Valley Blue
Your color
#3B82F6
Match
98%
Nearest match
#4285F4
Silicon Valley Blue
The corporate blue that defines the identity of tech giants
Text Readability
3.7:1
5.7:1
Use light text on this color
Similar Colors
Click on a color to explore it
Database of 500 unique colors
Creative names, poetic descriptions and enriched metadata in Spanish and English
How it works
Each color has multiple names depending on the naming system used. This tool identifies names across 440+ curated colors with enriched metadata, plus the 147 standard CSS named colors.
🎨 Enriched Database
Our database includes for each color:
Creative Name— Bilingual poetic names (ES/EN)Category— Color family (red, blue, neutral...)Mood— Emotional association (joyful, serene, powerful...)Temperature— Warm, cool, or neutralTags— Semantic tags for advanced search
Naming Systems
- CSS/HTML: 147 official named colors (red, blue, coral, tomato...)
- Pantone: Professional system for offset printing and packaging (~1,900 colors)
- RAL: European industrial standard for paints, plastics and coatings (~200 colors)
- Descriptive: Poetic names (midnight blue, salmon pink, emerald green...)
🧠 The Psychology of Color Naming
Color names influence how we perceive products:
- • A lipstick named "Eternal Passion" feels more premium than "Red #14"
- • A wall paint "Mediterranean Breeze" sells better than "Light Blue"
- • In CSS,
--coral-sunsetis more memorable than--color-7
💡 Practical Use Cases
Case 1: Design documentation
You need to describe #E11D48 in your style guide.
→ Name: "Carmen Rose" with mood "Passionate" and temperature "Warm"
→ More professional and descriptive than just the HEX code
Case 2: Client communication
Client asks "what color is that?" pointing at your design.
→ Instead of "#7C3AED", say "Electric Violet"
→ Clearer and more professional communication
Case 3: Semantic CSS variables
Use the "CSS Variables" section to generate ready-to-copy code:
/* Coral */ --color-coral: #FF7F50; --color-coral-rgb: 255, 127, 80; --color-coral-hsl: 16, 100%, 66%;
Case 4: Industrial equivalent
You need to send a design to print or manufacturing.
→ Nearest Pantone: Pantone 172 C
→ Nearest RAL: RAL 2004 Pure Orange
→ Essential for physical production