Sapphire (5C8CED) — 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 #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #5C8CED

RGB rgb(92, 140, 237)

HSL hsl(220°, 80%, 65%)

CMYK C:61% M:41% Y:0% K:7%

Luminance 0.2752

WCAG Accessibility

On white 3.27:1

Aa — #5C8CED

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.43:1

Aa — #5C8CED

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5C8CED #EDBE5E

Analogous

#5ED5ED #5C8CED #765EED

Triadic

#5C8CED #ED5E8E #8EED5E

Split-comp.

#5C8CED #ED765E #D5ED5E

Tetradic

#5C8CED #ED5ED5 #EDBE5E #5EED76

Monochromatic

#13316C #2258C3 #6791E4 #93B0EC #D4E0F7

Suggested palettes for this hue.

Icy Winter View all →

Volcano View all →

Tropical Fruits View all →