Sapphire (7099F3) — 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 #7099F3

RGB rgb(112, 153, 243)

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

CMYK C:54% M:37% Y:0% K:5%

Luminance 0.3322

WCAG Accessibility

On white 2.79:1

Aa — #7099F3

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.54:1

Aa — #7099F3

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#7099F3 #F4CA71

Analogous

#71DCF4 #7099F3 #8971F4

Triadic

#7099F3 #F4719B #9BF471

Split-comp.

#7099F3 #F48971 #DCF471

Tetradic

#7099F3 #F471DC #F4CA71 #71F489

Monochromatic

#133786 #205CDF #799DEC #A6BEF2 #E9EFFC

Suggested palettes for this hue.

Sunset View all →

French Riviera View all →

Northern Lights View all →