Color Name Finder
Input any hex or RGB color to find the closest CSS named color
Your Color
click to pick
R
G
B
Closest CSS Named Color
Name
chocolate
94% match
Name
chocolate
Hex
#d2691e
RGB
rgb(210, 105, 30)
Side-by-Side Preview
Your Color
#e45c2b
chocolate
#d2691e
Top 5 Closest Matches
#1
chocolate
#d2691e
94%
#2
tomato
#ff6347
91%
#3
peru
#cd853f
88%
#4
indianred
#cd5c5c
88%
#5
orangered
#ff4500
87%
20 Most Common CSS Named Colors
About CSS Named Colors
What are CSS named colors?
CSS named colors are 147 human-readable color keywords defined in the CSS specification, such as coral, dodgerblue, and rebeccapurple. They are fully supported in all browsers and can be used anywhere a color value is accepted.
How does color matching work?
This tool calculates the Euclidean distance between your input color and every CSS named color in RGB space using the formula: √((r1-r2)² + (g1-g2)² + (b1-b2)²). The smaller the distance, the closer the match. A 100% match means the color is an exact CSS named color.
Use cases
- Replace arbitrary hex/RGB values with readable CSS color names in your code
- Identify what named color best approximates a design token or brand color
- Learn CSS color names by exploring visually similar colors
- Simplify color references in documentation, presentations, or prototypes