Color reference index
HEX colors by hue family.
Browse curated six-digit HEX colors by measured hue family, then open any reference for conversions, contrast checks, palette ideas, related colors, and CSS tokens.
Directory method
How the HEX color directory works.
Hue Codex groups exact opaque sRGB colors with deterministic OKLCH measurements, giving each reference a repeatable place in the directory.
Start with six-digit HEX.
A value such as #4169E1 stores red, green, and blue channels as #RRGGBB. Each swatch links to one exact value rather than a loosely named color.
Use measured hue, not the label.
Chromatic colors are assigned to one of 12 fixed OKLCH hue intervals. A CSS or everyday name can differ from the measured family, so each family page explains important boundary cases.
Separate low-chroma neutrals.
Colors below 0.025 OKLCH chroma enter the neutral family instead of receiving a hue label. Lightness still distinguishes black, gray, off-white, and white references.
Hue families
Reference colors across the deterministic hue ranges.
Hue Codex assigns chromatic colors by OKLCH hue angle and treats colors below the documented chroma threshold as neutral.
Red colors
OKLCH hues from 345° through the wrap to below 20°.
Orange-red colors
OKLCH hues from 20° to below 50°.
Amber colors
OKLCH hues from 50° to below 80°.
Yellow colors
OKLCH hues from 80° to below 105°.
Yellow-green colors
OKLCH hues from 105° to below 140°.
Green colors
OKLCH hues from 140° to below 175°.
Teal colors
OKLCH hues from 175° to below 210°.
Cyan-blue colors
OKLCH hues from 210° to below 245°.
Blue colors
OKLCH hues from 245° to below 275°.
Violet colors
OKLCH hues from 275° to below 305°.
Magenta colors
OKLCH hues from 305° to below 335°.
Rose colors
OKLCH hues from 335° to below 345°.
Neutral colors
Colors below the 0.025 OKLCH chroma threshold.
Curated groups
Browse familiar color collections.
Explore CSS named colors, Hue Codex selections, expanded shorthand colors, and a varied sRGB sample.
CSS named colors
Familiar CSS color keywords paired with their six-digit HEX values.
Hue Codex reference colors
Useful interface colors chosen for Hue Codex tools and examples.
Expanded shorthand colors
Three-digit HEX examples expanded to their six-digit equivalents.
Fixed sRGB sample
A varied sample of sRGB colors for quick visual comparison.
Practical workflow
Turn a color reference into a tested decision.
Use the directory to find a starting value, then evaluate the exact color in the formats and design context that matter to your project.
- Browse a measured family. Start with one of the 13 family pages or a familiar collection, then open the exact HEX value that best matches your direction.
- Check formats and contrast. Use the Color Converter, then test the intended foreground and background in the Contrast Checker.
- Build and document the system. Create related candidates with the Palette Generator and review the reference-data methodology for the classification rules and limitations.
Common questions
HEX color directory questions.
- Is this every possible six-digit HEX color?
- No. This directory is a curated starting set. To inspect another exact value, enter its six-digit HEX in Hue Codex search or the Color Converter.
- Why can a familiar color name appear in an unexpected family?
- Hue Codex assigns families from the calculated OKLCH hue and chroma rather than from CSS or everyday naming. The family pages document important differences.
- Does a hue-family label make a color accessible?
- No. Accessibility depends on the exact foreground, background, alpha, text size, and applicable requirement. Test the intended pair instead of relying on the family name.