Royal Blue

CSS RoyalBlue, vivid and magnificent standard royal blue

HEX#4169E1
RGBrgb(65, 105, 225)
HSLhsl(225, 73%, 57%)
HSVhsv(225, 71%, 88%)
CMYKcmyk(71%, 53%, 0%, 12%)
HEXA#4169E1FF
RGBArgba(65, 105, 225, 1)
HSLAhsla(225, 73%, 57%, 1)
OKLCHoklch(74.6%, 0.108, 264)
LCHlch(70.3%, 43.7, 270)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#41B9E1
Copy
#4169E1
Copy
#6941E1
Triadic3 hues spaced 120° apart
Copy
#4169E1
Copy
#E14169
Copy
#69E141
Split ComplementaryMain color + colors adjacent to its complement
Copy
#4169E1
Copy
#E16941
Copy
#B9E141
Complementary2 hues spaced 180° apart
Copy
#4169E1
Copy
#E1B941
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#4169E1
Copy
#E141B9
Copy
#E1B941
Copy
#41E169
MonochromaticSingle hue with varying saturation and lightness
Copy
#0C1C4B
Copy
#193CA3
Copy
#4169E1
Copy
#9AAFEF
Copy
#F2F5FD

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 4.8:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#F8F6FERatio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#E7BDF5Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#EC88A1Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#0C1C4BCopy
#11276ACopy
#153184Copy
#193CA3Copy
#1E47C2Copy
#2251DDCopy
#4169E1Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#7281B1Copy
#697DBACopy
#6179C2Copy
#5975C9Copy
#5272D1Copy
#496DDACopy
#4169E1Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#222735Copy
#2B3450Copy
#2F3E6ACopy
#32488BCopy
#3151AFCopy
#2E57D1Copy
#4169E1Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#4191E1Copy
#4184E1Copy
#4177E1Copy
#4169E1Copy
#415CE1Copy
#414FE1Copy
#4141E1Copy

💡 Use Cases

👑

Royal Memorabilia

Packaging for royal commemorative coins or Buckingham Palace souvenirs, maintaining the ultimate ceremonial feel.

💎

Jewelry Displays

Beyond Tiffany Blue, another top-tier luxury display color—deep velvet showcasing diamonds and sapphires to stunning effect.

🏆

Esports Champions

Champion icons or limited-edition skins, using royal blue to emphasize王者 status and ignite玩家 aspirations.

📺

Prime Time Broadcasts

Opening animations for news or awards programs, quickly establishing a grand, authoritative, and magnificent visual tone.

📜 Origin & History

Royal Blue, as the name suggests, originated in 18th-century England. Legend has it that when King George III was selecting a gown for Queen Charlotte, he demanded that craftsmen create a new blue that could rival French ultramarine. This bright, luxurious blue was promptly crowned 'royal.'

In the 19th century, with the maturation of synthetic dye technology, royal blue was no longer monopolized by the court and became an important component of European heraldic coats of arms. In the Victorian era, royal blue sapphire was established as September's birthstone, rich in symbolism.

Since the 1950s, the British royal family has frequently used royal blue in major state events. Both Princess Diana and later Kate Middleton have iconic royal blue coat-dress looks, cementing it as a dignified yet approachable royal signature.

In digital standards, RoyalBlue has enhanced saturation and brightness. Its pixel-perfect RGB ratio creates a jewel-like brilliance on screen. In the era of flat design, it stands as a star color—vivid without being harsh—that guides visual focus.

🧠 Color Psychology

NobleFlowing with aristocratic pedigree, self-possessed with ceremony, imbuing the ordinary with regal authenticity.
MagnificentLike the fire of sapphire brilliance, unapologetically proclaiming beauty and superiority with full presence.
LoyalThe color of oaths sworn beneath the crown, endowed with tragic devotion to faith and vows.
ConfidentAn extremely assertive color statement, representing self-affirming, unwavering leadership.
CelebratoryAlways associated with victory, coronation, and ceremony—the exclusive color for life's highlight moments.
SelectSynonymous with high standards and stringent requirements, implying one-in-a-million superior quality.