Sapphire (719CF3) — 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 #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #719CF3

RGB rgb(113, 156, 243)

HSL hsl(220°, 84%, 70%)

CMYK C:53% M:36% Y:0% K:5%

Luminance 0.343

WCAG Accessibility

On white 2.71:1

Aa — #719CF3

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.75:1

Aa — #719CF3

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#719CF3 #F3C872

Analogous

#72DDF3 #719CF3 #8872F3

Triadic

#719CF3 #F3729D #9DF372

Split-comp.

#719CF3 #F38872 #DDF372

Tetradic

#719CF3 #F372DD #F3C872 #72F388

Monochromatic

#143A85 #2160DE #7AA0EB #A6BFF2 #E9EFFC

Suggested palettes for this hue.

Sunset View all →

Orange Energy View all →

Purple UI View all →