Color name finder
Find the name of a color from its HEX or RGB value. The color name finder shows the five nearest CSS color names and the three nearest Tailwind colors, for Tailwind 4 and Tailwind 3, each with how far off it is. Free, in your browser, and nothing is sent anywhere.
How to find the name of a color
- 1Type your color, as #hex, rgb(), hsl() or another notation
- 2Or choose it with the color picker
- 3Read the nearest names, closest first, and copy the one you need
- The nearest CSS and Tailwind names, each with its ΔE
How the names are found
- Measured the way eyes see.Distance is CIEDE2000 (ΔE): 0 is the same color, below 1 is hard to tell apart
- CSS and Tailwind.The 148 color names of CSS and the palettes of Tailwind 4 and Tailwind 3, side by side
- Nothing is sent anywhere.Your color is compared by your browser, on your own device
What you can do
- Name any color typed as #hex, rgb(), hsl(), hwb(), lab(), lch(), oklch() or cmyk(), or picked with the color picker
- See the five nearest CSS color names, such as steelblue or tomato, with a swatch of each
- See the three nearest Tailwind 4 colors and the three nearest Tailwind 3 colors, such as sky-600
- Copy the HEX value of any name with one click, to compare it with your own color
Good to know
- Most colors have no exact name. The tool gives the nearest ones, and the ΔE tells you how close they are: above 5 you see the difference clearly
- CSS has two spellings for some grays, gray and grey. Only the gray spelling is shown
- Tailwind 4 defines its colors in OKLCH and Tailwind 3 in HEX, so the same name can be a slightly different color in each
Questions
What is the name of the color #3A7CA5?
The nearest CSS name is steelblue, at a ΔE of 3.88. The nearest Tailwind 4 color is sky-600, at 6.91. The tool opens with this color.
What does ΔE mean?
ΔE is the difference between two colors as people see it, here measured with CIEDE2000. Below 1 you can hardly tell them apart, above 5 the difference is clear.
Can I find the Tailwind class for a HEX color?
Yes. Type the HEX value and read the nearest Tailwind 4 and Tailwind 3 names, such as sky-600, which you can use in a class like bg-sky-600.
Is my color sent to a server?
No. Your color is compared with the names by your browser on your own device. No request is made with it.
More tools in Web & code
That page doesn't exist. Search or drop a file below to find the tool you need.
One site for every file job. What’s yours?
Stop hopping between converter sites. Pick from 410+ tools, or a recipe that chains several.
- Files Stay On Your Device
- No watermark
- Works offline
Drop a file here
A pasted file works too.
or search for a tool
Open an app
From “ugh, this file” to done, in three steps.
- Drop it, or pick a task
No file? Search for what you need. Files are processed on your device, not uploaded for processing.
- Pick what you want
Smaller, another format, signed, merged. One click, no settings to study first.
- Make it a recipe
Need three steps in a row every week? Chain them once and run the same recipe next time.
One approved toolbox for the whole team.
In offices, on building sites and in agencies, teams handle sensitive files all day. ToolRecipe gives everyone the same tools and the same recipes, and the files are processed on each person's own computer.
- Files are processed on the employee's device
- Company recipes everyone runs the same way
- One place instead of ten converter sites