Colour Reference Library — 69 Hex Codes with Full Conversions

HEX · RGB · HSL · CMYK · WCAG contrast · tints, shades and harmonies

One page per colour, each carrying the full set of conversions and the contrast arithmetic that decides whether text can sit on it. Colours are grouped by hue family so a scale is easy to scan, and every figure on a page is recomputed from the hex code rather than copied from a table.

Red (7)

800000 DC143C FF0000 FF5722 F44336 FF6347 FA8072

Orange (6)

795548 A0522D D2691E FF9800 FF7F50 D2B48C

Yellow (8)

808000 FFD700 FFC107 CDDC39 FFEB3B F0E68C F5F5DC FFFFF0

Green (6)

006400 008000 2E8B57 4CAF50 00FF00 8BC34A

Teal (8)

008080 009688 00BCD4 607D8B 03A9F4 00FFFF 40E0D0 87CEEB

Blue (8)

000080 191970 3F51B5 4682B4 0000FF 708090 2196F3 4169E1

Purple (4)

4B0082 663399 673AB7 9370DB

Pink (9)

800080 9C27B0 FF00FF E91E63 FF1493 DA70D6 FF69B4 EE82EE DDA0DD

Neutral (13)

000000 212121 424242 616161 757575 9E9E9E BDBDBD C0C0C0 E0E0E0 EEEEEE F5F5F5 FAFAFA FFFFFF

Frequently asked questions

How were these colours chosen?
They are the named colours a designer is most likely to be handed: the Material palette at full strength, the CSS colour keywords that appear in real stylesheets, and a neutral ramp from near-white to near-black. Each entry is a hex code with a fixed, verifiable conversion rather than a mood.

What does each page compute?
HEX to RGB to HSL to CMYK, WCAG relative luminance and perceived brightness, contrast against white and black with the AA and AAA verdicts, six tints and shades, and five harmony rotations. All of it derives from the hex code, so nothing on the page can drift out of sync with the converter.

Paste any other hex, or check two colours against each other, in the ColrShift converter and WCAG contrast checker.