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

RGB rgb(1, 7, 20)

HSL hsl(221°, 90%, 4%)

CMYK C:95% M:65% Y:0% K:92%

Luminance 0.0005

WCAG Accessibility

On white 20.16:1

Aa — #010714

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.04:1

Aa — #010714

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#010714 #130E01

Analogous

#011013 #010714 #040113

Triadic

#010714 #130107 #071301

Split-comp.

#010714 #130401 #101301

Tetradic

#010714 #130110 #130E01 #011304

Monochromatic

#164FCA #0C2B6E #020712 #000000 #000000

Suggested palettes for this hue.

Gradient Sunset View all →

Autumn Forest View all →

Pop Matisse View all →