Color reference
Color codes: HEX, RGB, HSL & OKLCH
635 colors, each with a page of its own: WCAG and APCA contrast, color-blindness previews, an OKLCH shade ramp, harmonies, every code and ready-made design tokens.
Auric Artisan's own gold is #D3AF37.
Studio
Make a color
Start from Auric gold and move lightness, chroma and hue, or drag on the map. The nearest of the colors with a page here follows as you go.
Map
Every color on one map
Each dot is a color with a page here, placed by OKLCH hue across and lightness up; the more vivid, the bigger the dot. Grays have no hue, so they stand in a column of their own. Point at a dot to name it, and select it to open its page.
Tailwind CSS v3.4
Tailwind CSS v3 colors
All 22 families from Tailwind CSS v3.4, shades 50 to 950: 242 tokens on 241 pages, since zinc-50 and neutral-50 share a hex. Tailwind CSS v4 moved its palette to OKLCH, so v4 values differ slightly; these are the v3 hex values.
Point at or tab to a color to read it here.
CSS Color Module 4
CSS named colors
The 141 CSS color keywords on 139 pages, since aqua and cyan, and fuchsia and magenta, are aliases. Grouped by OKLCH hue family, light to dark.
Red 14
Orange 10
Yellow 14
Green 20
Cyan 12
Blue 13
Violet 17
Brown 5
Color systems
More color systems
Every Tailwind family on a page of its own, and the RAL Classic and Crayola colors, each color with the same contrast, color-blind previews and tokens.
Looking for another color?
The Color Library searches 8,192 measured colors by their properties, and any hex you type above opens in the Color Inspector. To check a pair, use the Contrast Checker; to see a design through color-blind eyes, use the Color Blindness Simulator.