Nearest CSS Color Name Finder

Enter any hex or RGB color to find the closest CSS named color. Top 5 matches ranked by perceptual distance in LAB color space.

Last reviewed: April 2026

New to this tool? Click here for instructions

Try these colors:
Enter a color above to find the nearest CSS color names.
Enter a hex or RGB color to find the nearest CSS color.

Browse All 148 CSS Named Colors

How to use Nearest CSS Color Name Finder

To use the Nearest CSS Color Name Finder, simply enter a hex or RGB color in the input field. The tool will instantly find and display the top 5 nearest CSS named colors, ranked by perceptual distance in LAB color space.

When to use Nearest CSS Color Name Finder

Use the Nearest CSS Color Name Finder when you need to quickly identify the closest CSS named color for a given hex or RGB value. This is particularly useful during development when you want to ensure readability and consistency in your color palette. It's also helpful for designers and developers who need to work with a limited set of standard colors.

How it works

The Nearest CSS Color Name Finder uses the CIE L*a*b* (LAB) color space with the CIE76 Euclidean distance formula to calculate the perceptual distance between the input color and all 148 CSS named colors. This ensures that the closest matches are based on how colors are perceived by human eyes, not just their numerical values in RGB space. The tool then displays the top 5 nearest matches, allowing you to easily compare and choose the most suitable CSS named color.

Tips, Edge Cases, and Limitations

The Nearest CSS Color Name Finder is designed to be simple and user-friendly. It works instantly and does not require any additional setup or plugins. However, it's important to note that the tool is limited to the 148 standard CSS named colors. If you need to work with custom colors, you may need to use a different tool or method. Additionally, while the tool is designed to be accurate, it's always a good idea to double-check the results, especially for critical applications.

  • Limited to 148 standard CSS named colors.
  • May need a different tool for custom colors.
  • Double-check results for critical applications.

Frequently Asked Questions

CSS Color Level 4 defines 148 named colors (plus 'transparent' and 'currentColor').
The tool uses CIE L*a*b* (LAB) color space with the CIE76 Euclidean distance formula.
The nearest color is determined by perceptual distance in LAB color space, not just numerical differences in RGB space. Two colors with the same RGB distance can look very different or very similar depending on where they fall in the spectrum.
The tool supports hex colors (#RRGGBB or #RGB) and RGB values (rgb(R, G, B)).
The term 'nearest' refers to the closest CSS named color based on perceptual distance. An 'exact' match would be a color that is identical to one of the 148 standard CSS named colors.

Quick reference

Nearest CSS Color Name Finder
Color Name Hex Code RGB Distance
Red #FF0000 rgb(255,0,0) 0.0
DarkRed #8B0000 rgb(139,0,0) 0.2
LightCoral #F08080 rgb(240,128,128) 0.3
Salmon #FA8072 rgb(250,128,114) 0.4
Crimson #DC143C rgb(220,20,60) 0.5
IndianRed #CD5C5C rgb(205,92,92) 0.6