Sapphire (1964C7) — 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 #1964C7

RGB rgb(25, 100, 199)

HSL hsl(214°, 78%, 44%)

CMYK C:87% M:50% Y:0% K:22%

Luminance 0.1343

WCAG Accessibility

On white 5.69:1

Aa — #1964C7

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.69:1

Aa — #1964C7

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#1964C7 #C87C19

Analogous

#19BCC8 #1964C7 #2419C8

Triadic

#1964C7 #C81965 #65C819

Split-comp.

#1964C7 #C82419 #BCC819

Tetradic

#1964C7 #C819BC #C87C19 #19C824

Monochromatic

#BAD3F2 #659BE2 #2466BC #1C4F92 #102C51

Suggested palettes for this hue.

Gradient Sunset View all →

Rose Gold View all →

Retro 70s View all →