HexaCalc
All tools
Pick Hex color pickerColor picker from imagePalette from imageCamera color identifierScreen color picker
Create Palette generatorColor wheelComplementary colorsTriadic colorsMonochromatic schemeColor mixerBrownBlueGreenPurplePinkOrangeGrayColor matcherGradient generatorTailwind color generatorShades and tintsRandom color generatorPaint color visualizerWebsite color schemesColor mixing chart
Check Contrast checkerColor blindness simulatorColor blind testTypes of color blindnessHue test
Convert HEX to RGBRGB to HEXRGB to CMYKCMYK to RGBHEX to CMYKHEX to HSLColor converterColor temperatureColor name finder
Personal color Color analysisSkin tone chartSeasonal color quizWinterAutumnSpringLight SpringTrue SpringBright SpringLight SummerTrue SummerSoft SummerSoft AutumnTrue AutumnDeep AutumnDeep WinterTrue WinterBright Winter
Color families Color codesBlueGreenSage greenMauveRedPinkPurplePastelNeutralDarkGoldGrayMint greenLight greenLight purpleLime greenPastel pinkNeonPastel greenPastel yellowPeachCrimsonCool colorsBurnt orangeOrangeGreigeBright colorsSpring colors
Hex math Hex calculatorHex to decimalDecimal to hexHex to binaryBinary to hexHex to textText to hex
More tools Minecraft color codesColor gameResistor color codeImage color changerColor by numberGrayscale image
↑ ↓ to moveEnter to openEsc to close

Color name finder

Type or pick a color and HexaCalc searches roughly 31,000 named colors for the closest matches, ranked by how different they would look to the eye.

Name list
  

 

Closest matches

    ΔE is the CIEDE2000 difference: under 1 is hard to see, 1–2 is close, above 5 is clearly a different color.

    How the matching works

    Type a HEX code or pick a color, and the finder compares it with every name in the chosen list. It ranks them by CIEDE2000, the color difference formula the CIE recommends for judging how different two colors look to a person. It doesn't measure distance in RGB numbers. That matters because RGB distance treats every channel equally, while the eye is far more sensitive to some changes than others. Two blues 20 RGB units apart can look identical, while two yellows 20 units apart can look clearly different.

    The result shows the best name in large type over your color, its own HEX code and the ΔE (difference) value, plus five runners-up.

    Reading ΔE

    ΔE 2000What it means
    under 1practically identical; most people can't see a difference
    1–2very close; visible side by side to a trained eye
    2–5close; clearly the same color family
    5–10related but noticeably different
    over 10only a loose match

    With nearly 32,000 names, most colors find a match under 2. For example, #0F766E matches Mermaid Harbour (#00776F) at ΔE 0.58, and #F2B33D matches Dairy Made (#F0B33C) at 0.57.

    Three lists

    • All ~32,000 is the complete meodai/color-names collection, an MIT-licensed, community-curated list that combines many sources. It finds the tightest match, though some names are playful (#D9481C comes out as Tail Lights).
    • Best of ~4,900 is a curated subset from the same project with more conventional, widely understood names. Use it for style guides and client-facing documents.
    • CSS keywords covers the named colors you can type directly in CSS, such as teal, tomato and goldenrod. The nearest keyword is usually a loose match (ΔE 5 or more), but sometimes you need a keyword.

    The nearest CSS keyword is always shown under the swatch, whatever list you choose.

    Examples

    ColorClosest name (full list)ΔENearest CSS keyword
    #5F8575Dark Jade1.57seagreen
    #D9481CTail Lights1.25red
    #0F766EMermaid Harbour0.58teal
    #F2B33DDairy Made0.57goldenrod
    #1C1B18Coco's Black1.00black

    #5F8575, a gray-green many people would call "sage", shows a common pattern. The playful full-list name is close, the curated list gives Aloe Vera (ΔE 2.12), and the closest CSS keyword is seagreen, a much more saturated color (ΔE 11.75).

    Why name a color?

    • Communication. "Mermaid Harbour" is easier to say in a meeting than "oh-F-seven-six-six-E".
    • Design tokens and variables. Descriptive names beat color-3, though role names like primary are better still for interface tokens.
    • Product listings. Shops need color names for variants, and a consistent naming source avoids "blue", "Blue" and "navy-ish" in the same catalog.
    • Accessibility. Screen-reader users and people with color vision deficiency benefit when a color is described in words, for example in alt text or a product option.

    Data and privacy

    The name lists are downloaded once as static files (about 0.13 MB for the curated list and 0.86 MB for the full list) and cached by your browser. All matching happens on your device.

    To name a color from a photo, use the color identifier or the image color picker. To browse named colors by family, start at the color codes collection. For all the numeric formats of a color, use the color converter.

    FAQ

    Is there an official name for every HEX code?

    No. There are 16.7 million HEX codes and no single authority names them. Lists like the ones used here are conventions, and different lists give different names for the same color.

    Why does the name not match what I'd call it?

    Names are picked for being close in appearance, not for being common words. Switch to the curated list for more familiar names.

    Can I search by name instead?

    Not on this page. The color collections let you browse named colors by family, and any CSS keyword typed into a color box on this site is understood.