Royal Blue (668CEA) — 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 #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #668CEA

RGB rgb(102, 140, 234)

HSL hsl(223°, 76%, 66%)

CMYK C:56% M:40% Y:0% K:8%

Luminance 0.2793

WCAG Accessibility

On white 3.23:1

Aa — #668CEA

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.5:1

Aa — #668CEA

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#668CEA #EAC566

Analogous

#66CEEA #668CEA #8366EA

Triadic

#668CEA #EA668C #8CEA66

Split-comp.

#668CEA #EA8366 #CEEA66

Tetradic

#668CEA #EA66CE #EAC566 #66EA83

Monochromatic

#172F6E #2854C3 #6F90E2 #99B0EA #D9E1F7

Suggested palettes for this hue.

Santorini View all →

Grey Minimal View all →

Matcha Tea View all →