Color name finder
Type a hex value or pick a colour, and see what it is called — plus how far the name is from the colour you gave, so you can tell a real match from a near miss.
- Hex
#3e7a66- RGB
62, 122, 102- HSL
160°, 33%, 36%- OKLCH
0.533 0.071 170
Closest name
Tealapproximate match
Matched to #008080 at a perceptual distance of 0.0427 in OKLab. Under 0.015 is a match nobody would argue with; above about 0.05 this colour is really its own thing.
Other near names
- Teal
#0080800.043 - Fern
#4F79420.050 - Dark Cyan
#008B8B0.063 - Sea Green
#2E8B570.064 - Dim Gray
#6969690.072 - Dark Olive Green
#556B2F0.072 - Slate Gray
#7080900.093 - Gray
#8080800.098
Names come from a curated list — the CSS named colours plus names designers actually use. A list of thirty thousand names would name almost anything, which is not the same as naming it correctly. Distances are measured in OKLab, a perceptual colour space, so a value of 0.03 means roughly the same thing for a red as it does for a blue.
How close is close?
Colour names are approximations by nature. There is no authority that decides where “teal” stops and “cyan” starts, and different lists disagree. So instead of pretending the answer is exact, this tool gives you a number.
- Under 0.015 — the same colour. Nobody would argue with the name.
- 0.015 to 0.05 — clearly the same family, but a designer looking closely would notice the difference.
- Above 0.05 — this colour is its own thing. The name is the nearest neighbour, not a description.
The distances above are in OKLab, a perceptual space. That matters: a distance of 0.03 in OKLab means roughly the same thing for a red as it does for a blue, which is not true of distance in RGB.
Why the name list is short on purpose
Some tools match your colour against thirty thousand names scraped from paint catalogues and community lists. That sounds more useful than it is: with that many names, almost any colour gets a confident-sounding answer, and you end up naming a mid-brown “Swamp Mud” when what you actually have is brown. Here the list is the CSS named colours plus a curated set of names that designers genuinely use, so an approximate match is reported as approximate.
A name is the right answer for a conversation and the wrong one for a stylesheet. For what each numeric format actually encodes — and which to use for design systems, gradients and print — see HEX, RGB, HSL and OKLCH explained .
If you need the hex code of a colour that is inside an image rather than in a text field, use the image color picker — it names the pixel you click, using the same matching logic.