Color Name Finder

Find the nearest CSS named color for any hex or RGB value. Discover similar named colors from all 148 CSS color keywords.

Your Color

#6366F1

Nearest Named Color

MediumSlateBlue
#7B68EEDistance: 24.3

Similar CSS Named Colors

RoyalBlue
#4169E1Δ38
SlateBlue
#6A5ACDΔ39
CornflowerBlue
#6495EDΔ47
MediumPurple
#9370DBΔ54
BlueViolet
#8A2BE2Δ72
SteelBlue
#4682B4Δ73
DodgerBlue
#1E90FFΔ82

Using CSS Named Colors

CSS named colors like coral ormediumslateblue can be used directly in CSS without quotes. They're great for quick prototyping and readable code.

How to Use

  1. Enter any color in HEX, RGB, or HSL format
  2. See the nearest CSS named color match
  3. Browse similar named colors below
  4. Click any color to explore it further
  5. Copy the color name to use in your CSS

Frequently Asked Questions

How many CSS named colors are there?

There are 148 CSS named colors (including extended colors and basic colors like "red", "blue", "green"). This tool searches through all of them.

What does the distance number mean?

Distance measures how different your color is from the named color. A distance of 0 means an exact match. Lower numbers mean closer colors.

Can I use named colors in CSS?

Yes! Named colors work in all modern browsers. Use them like: color: coral; or background-color: mediumslateblue;

Why use named colors instead of hex?

Named colors are more readable and memorable. They're great for quick prototyping, teaching, and when exact precision isn't critical.

Related Tools