#4169E1
Blue family

Royal Blue

Also known as: majestic · dynamic · vivid · elegant · serene
Save
Hex #4169E1
RGB rgb(65, 105, 225)
HSL hsl(225°, 73%, 57%)
CMYK 71 · 53 · 0 · 12
CSS royalblue

Meaning

In Western cultures, Royal Blue symbolizes authority and confidence, frequently used in uniforms and corporate branding to project professionalism. However, in some Eastern cultures, blue can represent immortality and healing, adding layers to its significance across different contexts.

The term 'Royal Blue' gained popularity in the 19th century, particularly after a famous dye was created in 1840 by English chemist Sir John Frederick William Herschel. The color was used in the ceremonial robes of British royalty, solidifying its association with nobility and prestige.

majesticdynamicvividelegantserene

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Royal Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Royal Blue by lightness — from #223775 (darkest) to #9CB1EF (lightest). Click any to copy.

-40% #223775
-30% #2A4390
-20% #3150AB
-10% #395CC6
BASE #4169E1
+15% #587BE5
+30% #6F8DE8
+50% #859FEC
+70% #9CB1EF

Complementary

Sitting opposite Royal Blue at 45° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Royal Blue.

#4169E1
#C0C0C0
#FFFFFF
#8B0000
#FFD700

Noble Elegance

Regal sophistication
#4169E1
#00BFFF
#F5F5F5
#2E8B57
#FFDAB9

Ocean Escape

Calm tranquility
#4169E1
#FF4500
#888888
#4B0082
#FFFFE0

Bold Adventure

Daring exploration

Used by

Brands and institutions known for using Royal Blue.

PepsiWalmart

Royal Blue scale

A 50–900 tonal scale with Royal Blue anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F0F3FD
100 #DDE4FA
200 #B7C6F4
300 #91A8EE
400 #6989E7
500 #4169E1
600 #3556B9
700 #2B4594
800 #213571
900 #16244D

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 4.85:1
Royal Blue as text on… Ratio AA AAA
Aa White background 4.85:1 Pass Large only
Aa Black background 4.33:1 Large only Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #4169E1

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: royalblue;
CSS color-mix (lighten 30%) color-mix(in srgb, royalblue 70%, white)
HSV / HSB 225°, 71%, 88%
CMYK (print) 71, 53, 0, 12
Decimal 4286945
Nearest web-safe #3366CC

Color vision

How Royal Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#4169E1

Protanopia (no red)

#5253C4

Deuteranopia (no green)

#504DBD

Tritanopia (no blue)

#43ADA8
Blue
4 / 45 Blues Sky Blue
Copied!