Sapphire (05359E) — 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 #05359E

RGB rgb(5, 53, 158)

HSL hsl(221°, 94%, 32%)

CMYK C:97% M:66% Y:0% K:38%

Luminance 0.0478

WCAG Accessibility

On white 10.45:1

Aa — #05359E

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.01:1

Aa — #05359E

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#05359E #9E6E05

Analogous

#05829E #05359E #21059E

Triadic

#05359E #9E0535 #359E05

Split-comp.

#05359E #9E2105 #829E05

Tetradic

#05359E #9E0582 #9E6E05 #059E21

Monochromatic

#7CA2F4 #1E5FEB #0D3896 #092767 #030C21

Suggested palettes for this hue.

Mediterranean View all →

Danger Red View all →

Autumn Forest View all →