Sapphire (1E6CBF) — Shades, Harmonies, Palettes, CSS Code

"Sapphire"

Blue · Winter

🧠 Psychology

Color of trust and stability. Evokes professionalism, security and serenity.

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

Sapphire pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #1E6CBF

RGB rgb(30, 108, 191)

HSL hsl(211°, 73%, 43%)

CMYK C:84% M:43% Y:0% K:25%

Luminance 0.1482

WCAG Accessibility

On white 5.31:1

Aa — #1E6CBF

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.95:1

Aa — #1E6CBF

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#1E6CBF #BE701E

Analogous

#1EBBBE #1E6CBF #201EBE

Triadic

#1E6CBF #BE1E6B #6BBE1E

Split-comp.

#1E6CBF #BE201E #BBBE1E

Tetradic

#1E6CBF #BE1EBB #BE701E #1EBE20

Monochromatic

#B8D3EF #659FDC #296BB3 #1F5289 #112D4B

Suggested palettes for this hue.

Matcha Tea View all →

Purple UI View all →

Marrakech View all →