Sapphire (105EEE) — 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 #105EEE

RGB rgb(16, 94, 238)

HSL hsl(219°, 87%, 50%)

CMYK C:93% M:61% Y:0% K:7%

Luminance 0.1421

WCAG Accessibility

On white 5.44:1

Aa — #105EEE

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.86:1

Aa — #105EEE

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#105EEE #EEA111

Analogous

#11CDEE #105EEE #3211EE

Triadic

#105EEE #EE115E #5EEE11

Split-comp.

#105EEE #EE3211 #CDEE11

Tetradic

#105EEE #EE11CD #EEA111 #11EE32

Monochromatic

#06142D #123B87 #1D62E2 #4A81E8 #8EB1F0

Suggested palettes for this hue.

Purple Mystery View all →

Dragonfruit View all →

Success Green View all →