Sapphire (3187DB) — 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 #3187DB

RGB rgb(49, 135, 219)

HSL hsl(210°, 70%, 53%)

CMYK C:78% M:38% Y:0% K:14%

Luminance 0.2338

WCAG Accessibility

On white 3.74:1

Aa — #3187DB

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.62:1

Aa — #3187DB

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#3187DB #DB8733

Analogous

#33DBDB #3187DB #3333DB

Triadic

#3187DB #DB3387 #87DB33

Split-comp.

#3187DB #DB3333 #DBDB33

Tetradic

#3187DB #DB33DB #DB8733 #33DB33

Monochromatic

#0D2135 #225487 #3F87CF #68A1D9 #A5C7E9

Suggested palettes for this hue.

Red Passion View all →

Vibrant Summer View all →

French Riviera View all →