Blue Color Codes (Shades of Blue)

Blue covers everything from near-black navy to the palest alice blue. This page collects 37 named blues — 18 CSS named blues, such as royalblue and steelblue, plus well-known names like cobalt, cerulean, Prussian blue and International Klein Blue — with HEX, RGB, HSL, HSV, CMYK and OKLCH codes. Pick one to get its tints and shades, its complementary color and whether white or black text reads better on it.

How to use this tool

1. Choose a shade of blue from the list.
2. Copy its HEX, RGB, HSL or CMYK code from the results.
3. Use the tints and shades table for lighter and darker variants of the same blue.
4. Scroll the full table to compare all shades side by side, or download the chart.

Formula

tint = c + (255 − c) × p · shade = c × (1 − p) · complement = HSL hue + 180°

c is each RGB channel and p the mixing amount (15–75%). CMYK uses the simple formula K = 1 − max(R′, G′, B′); printers convert with ICC profiles and may give different numbers.

Example

Royal blue (royalblue) is #4169E1 = rgb(65, 105, 225), hsl(225, 72.7%, 56.9%). Rotating its hue by 180° gives the warm gold #E1B941, its complement. White text on it reaches 4.84:1 — enough for AA body text — while navy #000080 gives white text 16:1.