royalblue

#4169E1

CSS color

Royal Blue (#4169E1) is a vivid, medium-deep blue CSS named colour with strong purple undertones, occupying the classic territory of the regal blue traditionally associated with European royalty and heraldry. The name reflects centuries of association with monarchical power, where deep blue dyes were among the most expensive and prestigious. In contemporary design it remains widely used for authority, trust, and professionalism, particularly in financial, government, and corporate branding.

Color Values

HEX

#4169E1

RGB

65, 105, 225

HSL

225.0, 72.7%, 56.9%

HSV

225.0, 71.1%, 88.2%

CMYK

71.1%, 53.3%, 0.0%, 11.8%

OKLCH

0.5598 0.1882 266.4

Properties

Color Psychology

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #4169E1;
color: #4169E1;
border-color: #4169E1;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail AAA Fail

Compare With

Part of These Collections

Related Articles