148 CSS named colors
Searches the complete list of CSS named colors — from AliceBlue to YellowGreen — to find the best match.
Color Tools
Color Name Finder
Enter any HEX color code to find its closest CSS named color. Searches all 148 standard CSS color names and shows the 5 nearest matches ranked by similarity.
Nearest color matching
Uses Euclidean RGB distance to identify the closest color name, with an exact match indicator.
Top 5 matches ranked
See the five closest named colors ranked by distance, so you can choose the most appropriate name.
Royal Blue
Nearest match#4169E1(distance: 33)
5 Closest CSS Color Names
1Dodger Blue#1E90FFΔ 33
2Royal Blue#4169E1Δ 33
3Cornflower Blue#6495EDΔ 46
4Steel Blue#4682B4Δ 67
5Medium Slate Blue#7B68EEΔ 70
How to find a color name
Step 1
Enter a HEX color
Type a hex code like #3b82f6 or use the color picker to visually choose any color.
Step 2
See the nearest match
The closest CSS named color is shown with its hex value and whether it's an exact or near match.
Step 3
Pick from top 5
Review the 5 closest matches ranked by distance and copy the name or hex code you want.
FAQ
What are CSS named colors?
CSS named colors are color keywords defined in CSS like 'red', 'cornflowerblue', or 'tomato'. There are 148 standard named colors recognized by all modern browsers.
How is the nearest match found?
The tool converts your input hex to RGB values and calculates the Euclidean distance to every named color, returning the one with the smallest distance.
What does the distance number mean?
The distance (Δ) is the 3D Euclidean distance in RGB space. A distance of 0 means an exact match. Smaller values indicate more similar colors.