ToolBark
Color & Design

Color Name Finder

Instantly find the nearest CSS named color for any hex code

Color Input

rgb(232, 168, 124)hsl(24, 70%, 70%)

Nearest CSS Named Color

Your color

darksalmon

CSS Color Name

darksalmon

Hex Value

#e9967a

RGB Value

rgb(233, 150, 122)
ΔE 11.4 — Close

CSS Usage

color: darksalmon;

5 Nearest CSS Colors

1
darksalmon#e9967a
ΔE 11.4
2
burlywood#deb887
ΔE 11.9
3
lightsalmon#ffa07a
ΔE 13.4
4
tan#d2b48c
ΔE 15.4
5
sandybrown#f4a460
ΔE 15.5
About

Need to know the CSS name for a color? The Color Name Finder maps any hex code to its nearest CSS named color using perceptual color distance (CIE ΔE). Whether you're hunting for "tomato", "cornflowerblue", or "rebeccapurple", this tool shows exact or approximate matches instantly — plus RGB, HSL values, and the top 5 closest CSS colors, ready to copy.

FAQ
How does the tool find the nearest CSS named color?+

It converts both your hex code and every CSS named color into CIE Lab color space, then calculates the perceptual ΔE (Delta-E) distance between them. The color with the smallest ΔE is the nearest match — this method aligns with how human eyes perceive color difference, unlike simple RGB subtraction.

What counts as an exact match?+

An exact match means your hex code converts to precisely the same RGB values as a CSS named color — for example, entering #ff6347 returns tomato with ΔE 0. Near-zero ΔE values (under 10) are perceptually indistinguishable to most people.

Which CSS named colors are included?+

All 148 standard CSS named colors defined in the CSS Color Level 4 specification are included, from aliceblue to yellowgreen. Aliases like gray/grey and cyan/aqua are both present, so you always get the most recognizable name.

Can I use this with a color picker instead of typing a hex?+

Yes. The built-in color picker lets you choose any color visually, and the hex field updates automatically. Both inputs stay in sync, so you can pick with the wheel and then fine-tune the hex manually.

Related tools