Color Name Finder
Find the closest named CSS color for any hex color code. Identify colors by their standard names instantly.
Color Name Finder tool
Example
Input: #C4653A
Result: Closest Match: Chocolate #D2691E, Distance: 31.56 (next: Peru 33.62, IndianRed 36.30)
The tool measures the straight-line distance in RGB space to all named CSS colors: from (196, 101, 58) to Chocolate (210, 105, 30) it is the square root of 14^2 + 4^2 + 28^2 = 31.56.
Selected CSS Named Colors
| Name | Hex | Note |
|---|---|---|
| Gray | #808080 | Darker than DarkGray |
| DarkGray | #A9A9A9 | Lighter than Gray |
| Green | #008000 | Half-bright green |
| Lime | #00FF00 | Pure screen green |
| Aqua | #00FFFF | Same as Cyan |
| Fuchsia | #FF00FF | Same as Magenta |
| Maroon | #800000 | Half-bright red |
| Navy | #000080 | Half-bright blue |
| Olive | #808000 | Half-bright yellow |
| Teal | #008080 | Half-bright cyan |
| RebeccaPurple | #663399 | Newest CSS name |
Hex values from the color list the tool uses.
- Enter any color as a 3- or 6-digit hex code in the Hex Color field.
- The tool instantly identifies the closest matching CSS named color from the 148 official standard names using RGB distance.
- Compare the visual swatch of your input color displayed side by side with the matched named color to see how close they are.
- Review the top 5 closest named colors with their hex codes and distance scores, and click one to load it as the input.
- Copy the color name with the Name button, or copy any match hex code, for use in your CSS or design specifications.
Finding the Closest CSS Color Name
This tool finds the CSS named color closest to any hex code. For #C4653A the nearest name is Chocolate (#D2691E), followed by Peru and IndianRed. It lists the five closest names with their hex codes, so you can pick the one that looks right.
CSS recognizes 148 color names, from AliceBlue to YellowGreen. Seven of them are grey spellings, such as grey and darkslategrey, which share values with their gray twins. So the tool checks 141 entries and shows the gray spelling. Some names are true aliases too: Aqua and Cyan are both #00FFFF, and Fuchsia and Magenta are both #FF00FF.
Matching uses straight-line distance in RGB space. The tool squares the gaps in red, green and blue, adds them and takes the square root. A distance of 0 is an exact match, and smaller numbers mean closer colors. RGB distance does not follow human vision perfectly, which is why you see five matches instead of one.
Names help when you describe a color to a colleague, write a quick prototype or label swatches in a style guide. For production code, the exact hex value is safer, since a named color is usually only close. Click any match to load it as the new input, or copy its name. If you are still choosing the color itself, start with the Color Picker.
Sources
Frequently Asked Questions
Related Tools
Hex to RGB Converter
Convert hexadecimal color codes to RGB values instantly. Supports shorthand and 8-digit hex with alpha.
Color ToolsColor Picker
Pick any color visually and get values in hex, RGB, HSL, and CMYK. Interactive saturation panel and hue slider.
Color ToolsRGB to HSL Converter
Convert RGB color values to HSL format. See hue, saturation, and lightness with a live color preview.
Color ToolsColor Palette Generator
Generate harmonious color palettes. Create complementary, analogous, triadic, and split-complementary schemes.
Color Tools