Sapphire (2B6AEE) — 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 #2B6AEE

RGB rgb(43, 106, 238)

HSL hsl(221°, 85%, 55%)

CMYK C:82% M:55% Y:0% K:7%

Luminance 0.17

WCAG Accessibility

On white 4.77:1

Aa — #2B6AEE

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.4:1

Aa — #2B6AEE

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#2B6AEE #EEB02B

Analogous

#2BCAEE #2B6AEE #4E2BEE

Triadic

#2B6AEE #EE2B68 #68EE2B

Split-comp.

#2B6AEE #EE4E2B #CAEE2B

Tetradic

#2B6AEE #EE2BCA #EEB02B #2BEE4E

Monochromatic

#0A1C43 #16419C #366DE2 #638DE9 #A6BEF2

Suggested palettes for this hue.

Grey Minimal View all →

Night Velvet View all →

Orange Energy View all →