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

RGB rgb(19, 111, 238)

HSL hsl(215°, 87%, 50%)

CMYK C:92% M:53% Y:0% K:7%

Luminance 0.1775

WCAG Accessibility

On white 4.63:1

Aa — #136FEE

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.54:1

Aa — #136FEE

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#136FEE #EE9211

Analogous

#11DCEE #136FEE #2311EE

Triadic

#136FEE #EE116D #6DEE11

Split-comp.

#136FEE #EE2311 #DCEE11

Tetradic

#136FEE #EE11DC #EE9211 #11EE23

Monochromatic

#06162D #124387 #1D6FE2 #4A8CE8 #8EB7F0

Suggested palettes for this hue.

Tropical Fruits View all →

Pearl Zen View all →

Night Velvet View all →