Sapphire (246CD2) — 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 #246CD2

RGB rgb(36, 108, 210)

HSL hsl(215°, 71%, 48%)

CMYK C:83% M:49% Y:0% K:18%

Luminance 0.158

WCAG Accessibility

On white 5.06:1

Aa — #246CD2

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.15:1

Aa — #246CD2

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#246CD2 #D18923

Analogous

#23C3D1 #246CD2 #3223D1

Triadic

#246CD2 #D1236C #6CD123

Split-comp.

#246CD2 #D13223 #C3D123

Tetradic

#246CD2 #D123C3 #D18923 #23D132

Monochromatic

#CEDDF3 #7CA5DF #306EC5 #26579C #17355E

Suggested palettes for this hue.

Coffee & Cream View all →

Sunset View all →

Grey Minimal View all →