1. Confirm the exact value first
Start with the exact HEX, RGB, or official color name so you can confirm the precise color page before converting, analyzing, or comparing nearby entries.
Search named colors, system tokens, and exact HEX values
Color Encyclopedia | 798 source colors
Search CSS named colors, Tailwind, Material, Ant Design, and Flat UI entries by exact HEX, RGB, color name, or token-style naming.
Exact names and HEX valuesSystem tokens and source librariesContinue into conversion and contrast checks
Search guidance
If you already have HEX or RGB, search the numeric value first for exact matching.
If you are searching by meaning or source, try the color name, scale step, or system name.
Use hue and source filters together to narrow the result set quickly.
Trending:
These notes are working references for design and engineering. They do not replace official brand standards or final production validation.
How to use this encyclopedia
2. Confirm the source system
Check whether the color belongs to a CSS standard, design system palette, or open source set so the naming context stays accurate.
3. Judge the work context
Use the family and filter controls to judge whether the color fits UI work, campaign visuals, editorial layouts, or brand support roles.
4. Continue to the next tool
Once the reference is confirmed, move into conversion or contrast analysis first. Use palette or gradient tools later only when the color already has a clear production role.
Explore by hue
Why these results are worth reviewing
These results are useful because each entry keeps more than a color value. You can inspect the naming system, source library, hue family, and adjacent workflow meaning before using it in handoff or production.
The goal is not to show random swatches. The goal is to help you identify a color in a way that can still be explained later in design files, specs, or code.
Royal Blue
#4169E1Royal Blue
Material Blue 500
#2196F3Material Blue 500
Tailwind Blue 500
#3B82F6Tailwind Blue 500
Ant Design Blue 6
#1677FFAnt Design Blue 6
Flat UI Turquoise
#1ABC9CFlat UI Turquoise
Coral
#FF7F50Coral
Keep exploring. Color inspiration does not end here.
Source Spotlight
Tailwind CSS Colors#4F46E5
Tailwind Indigo 600Tailwind Indigo 600
Tailwind Indigo 600 is the exact published token behind `#4F46E5`, a high-frequency product indigo used for CTAs, active navigation, and interface hierarchy.
Why this color deserves focused review
This reference matters because searches for `#4F46E5`, `4F46E5 color`, and `indigo-600` are usually not asking for inspiration first. They need the exact token, its numeric values, and the next step into readability or conversion.
Tailwind Indigo 600 is sourced from the published Tailwind CSS Colors library and retained here as a searchable reference swatch for product and interface reference work.
Palette SuggestionsSource Libraries
Different source libraries solve different work problems. CSS named colors help with standard vocabulary, system palettes help with interface production, and open source sets help with reusable references and campaign direction.
Continue from reference to workflow
Move to Color Lookup
Identify the exact color name, shared alias, or design-system token behind a HEX or RGB query.
ContinueMove to Color Analyzer
Inspect text readability, contrast safety, and UI role fit before applying the color in interface work.
ContinueMove to Color Converter
Convert a confirmed encyclopedia color into RGB, HSL, CMYK, or other delivery-ready formats.
ContinueColor FAQ
Why does this library not try to maximize the number of entries?
Because volume alone is not useful in production work. This encyclopedia prioritizes verifiable colors from published standards, package files, and design systems instead of programmatically expanding approximate or synthetic variants.
Why can the same HEX appear across different sources?
Different systems often reuse the same numeric color under different naming conventions. We keep those entries separate so you can search by the source language your team, design file, or codebase actually uses.
Should I start from the color name or from the HEX value?
If you already have a HEX or RGB value, start from the numeric value to confirm exact matches first. If you are exploring semantic meaning, system context, or brand language, start from the color name, scale number, or source library.
When should I leave the encyclopedia and use the converter or analyzer?
Use the encyclopedia to identify and verify a color. Move to the converter when you need another format for handoff, and move to the analyzer when you need to judge lightness, saturation, or palette relationships before using the color in a real interface.
How do these notes relate to official brand guidelines?
The notes on this site are working references, not replacements for official brand documentation. When a company, platform, or design system publishes its own current standard, that official source should always be treated as final.