For dashboards and data-heavy UI
Build clear hierarchy with dependable contrast, semantic tokens, and readable data colors.
Colors Browser-only processing Updated March 19, 2026
Color Name Finder
Find the nearest CSS named color for any hex or RGB value. Discover similar named colors from all 1566 CSS color keywords.
Your Color
#6366F1
Nearest Named Color
Royal Blue
#4169E1Distance: 37.7
Similar CSS Named Colors
Moody Blue
#7F76D3Δ44
Blue Marguerite
#7666C6Δ47
Cornflower Blue
#6495EDΔ47
Indigo
#4F69C6Δ48
True V
#8A73D6Δ49
Chetwode Blue
#8581D9Δ50
Havelock Blue
#5590D9Δ50
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
- Enter any color in HEX, RGB, or HSL format
- See the nearest CSS named color match
- Browse similar named colors below
- Click any color to explore it further
- Copy the color name to use in your CSS
Use Cases
For brand palettes and design systems
Create reusable color scales and exports for CSS variables, Tailwind, and documentation handoff.
Glossary Terms
Frequently Asked Questions
How many CSS named colors are there? ▼
There are 1566 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.