Sapphire (427EEA) — 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 #427EEA

RGB rgb(66, 126, 234)

HSL hsl(219°, 80%, 59%)

CMYK C:72% M:46% Y:0% K:8%

Luminance 0.2223

WCAG Accessibility

On white 3.89:1

Aa — #427EEA

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.4:1

Aa — #427EEA

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#427EEA #EAB043

Analogous

#43D1EA #427EEA #5C43EA

Triadic

#427EEA #EA437D #7DEA43

Split-comp.

#427EEA #EA5C43 #D1EA43

Tetradic

#427EEA #EA43D1 #EAB043 #43EA5C

Monochromatic

#0F2652 #1E4FA9 #4D80E0 #799FE7 #BACEF3

Suggested palettes for this hue.

Night Velvet View all →

Tokyo Neon View all →

Marrakech View all →