Color Name Finder
Niche ToolsFind CSS color names
Your Color
#3b82f6
Closest CSS Color
royalblue
#4169e1 · Distance: 33.2
5 Nearest CSS Named Colors
royalblueCLOSEST
#4169e1 · rgb(65, 105, 225) · Distance: 33.2
dodgerblue
#1e90ff · rgb(30, 144, 255) · Distance: 33.4
cornflowerblue
#6495ed · rgb(100, 149, 237) · Distance: 46.1
steelblue
#4682b4 · rgb(70, 130, 180) · Distance: 66.9
mediumslateblue
#7b68ee · rgb(123, 104, 238) · Distance: 69.5
About Color Name Finder
Find the closest named CSS color for any hex value from all 148 CSS colors.
Frequently Asked Questions
How does the color name finder work?
The tool compares your input color against all 148 CSS named colors by calculating the Euclidean distance in RGB color space. The named color with the smallest distance is the closest match.
What are CSS named colors?
CSS named colors are 148 predefined color keywords recognized by all browsers. They range from common names like "red" and "blue" to specific ones like "cornflowerblue" and "papayawhip".
How is color distance calculated?
Color distance is calculated using the Euclidean distance formula in RGB space: the square root of the sum of squared differences for each channel (red, green, blue). A distance of zero means an exact match.
Is my data safe?
Yes! All processing happens entirely in your browser. Your data is never sent to any server. No data is collected, stored, or transmitted.
Can I copy the color name to use in CSS?
Yes. Click the copy button next to any color name to copy it to your clipboard. You can then paste it directly into your CSS code as a valid color value.
Ad
728 × 90