Sapphire (1667DE) — 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 #1667DE

RGB rgb(22, 103, 222)

HSL hsl(216°, 82%, 48%)

CMYK C:90% M:54% Y:0% K:13%

Luminance 0.1515

WCAG Accessibility

On white 5.21:1

Aa — #1667DE

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.03:1

Aa — #1667DE

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#1667DE #DF8E16

Analogous

#16CBDF #1667DE #2A16DF

Triadic

#1667DE #DF1666 #66DF16

Split-comp.

#1667DE #DF2A16 #CBDF16

Tetradic

#1667DE #DF16CB #DF8E16 #16DF2A

Monochromatic

#CADCF6 #73A2E8 #2269D3 #1B53A7 #103265

Suggested palettes for this hue.

Red Passion View all →

Volcano View all →

Moss & Stone View all →