Free Online Color Name Finder

A color name finder takes a hex value and returns the closest CSS named colors, ranked by Euclidean distance in RGB.

Your data is processed entirely in your browser and never sent to any server.

Instant results 100% private No signup needed
Closest CSS named colors
cornflowerblueClosest
#6495ED
Δ 0.0
mediumslateblue
#7B68EE
Δ 50.5
royalblue
#4169E1
Δ 57.5
mediumpurple
#9370DB
Δ 62.5
skyblue
#87CEEB
Δ 66.9

How to Use This Tool

  1. Enter or pick a hex color in the input.
  2. Read the top 5 closest CSS named colors, ranked by distance.
  3. The closest match gets a green "Closest" badge; lower Δ values mean a tighter visual match.
  4. Copy the name directly into your CSS (for example `color: cornflowerblue;`).

What Is a Color Name Finder?

CSS Color Module Level 3 defines 147 named colors, a list inherited from X11 with `rebeccapurple` added in 2014. Every browser resolves these names to fixed hex values, so writing `color: cornflowerblue` is identical to writing `color: #6495ED` but easier to read in tutorials, demos and slide decks.

The finder computes Euclidean distance √((R1−R2)² + (G1−G2)² + (B1−B2)²) between your input and each of the 147 named colors, then returns the top five matches with their hex values and Δ distance. Smaller Δ means a tighter visual match. Worth noting: RGB distance is a rough perceptual approximation; for production color-matching, OKLCH or CIE Lab distance is more accurate.

Useful for naming swatches in a design file, writing readable tutorial code, or quickly identifying "what is this color called?" from a screenshot.

Frequently Asked Questions

Which name list is used?
The CSS Color Module Level 3 named colors — 147 named values that every browser supports natively (cornflowerblue, papayawhip, slategray, etc.).
How is the closest name picked?
Euclidean distance in RGB space. The named color with the smallest distance to your hex is returned, along with its own hex for comparison.
Will the match always be exact?
Rarely. There are only 147 named colors versus 16.7 million possible hexes. The tool always returns the nearest one and shows the difference.

Published by the WeGotEveryTool team. We build and test every tool in-house and update pages when the underlying spec, formula, or recommendation changes.

Reviewed: May 2026. Disclaimer: this tool is provided as-is for general informational use. For decisions with material consequences (medical, legal, financial, security) verify results against a qualified professional source.

Related Color & Design

Color Picker

Pick any color with an interactive picker. See hex, RGB and HSL values update live, then copy in one click.

Hex to RGB

Convert hex color codes to RGB values. Supports 3-, 6- and 8-digit hex (with alpha) for CSS and design workflows.

Tailwind Color Palette

Browse the full Tailwind CSS v4 color palette — 22 hues × 11 shades. Click any swatch to copy the hex code.

Material Design Colors

Browse Google's Material Design 2014 color palette — 19 hues × 10 shades. Click to copy any hex code.

Color Palette Generator

Generate complementary, analogous, triadic, tetradic and monochromatic color schemes from any seed color.