Royal Blue (578BDC) — Shades, Harmonies, Palettes, CSS Code

"Royal Blue"

Blue · Winter

🧠 Psychology

Color of trust and stability. Evokes professionalism, security and serenity.

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

Royal Blue pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #578BDC

RGB rgb(87, 139, 220)

HSL hsl(217°, 66%, 60%)

CMYK C:60% M:37% Y:0% K:14%

Luminance 0.2604

WCAG Accessibility

On white 3.42:1

Aa — #578BDC

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.13:1

Aa — #578BDC

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#578BDC #DCA956

Analogous

#56CDDC #578BDC #6556DC

Triadic

#578BDC #DC5689 #89DC56

Split-comp.

#578BDC #DC6556 #CDDC56

Tetradic

#578BDC #DC56CD #DCA956 #56DC65

Monochromatic

#162C50 #2D599F #608CD2 #88A9DD #C3D4EE

Suggested palettes for this hue.

Tropical Jungle View all →

Concrete Steel View all →

Northern Lights View all →