Royal Blue #4169e1

The blue that won a competition.

RGB

65, 105, 225

HSL

225°, 73%, 57%

CMYK

71, 53, 0, 12

Luminance

0.1666

About Royal Blue

Royal blue, #4169e1, is blue at its most confident mid-tone — brighter than navy, deeper than azure. It is the crowd-pleaser blue: vivid enough to energize, deep enough to trust.

History

Legend says English clothiers competed to make the finest blue for a royal (variously Queen Charlotte or George III) — the winning bolt named the color. It has dressed monarchies, football kits and corporate logos as blue’s most balanced ambassador ever since.

Psychology

Royal blue reads dependable, energetic and dignified — trust with a pulse. It is the blue chosen when navy feels too sober and sky too casual.

In design

Royal blue is a versatile primary: passes AA text on white (5.0:1), pops as CTAs, harmonizes with white, gold and orange (its complement). This hub’s own accent gradients pass through its neighborhood.

In culture

Royal-blue robes, royal-blue kits, the "royal treatment": the color carries monarchy’s brand into everyday trust. It remains the single most-requested "just make it blue" blue.

Brands that own royal blue

Samsung kin#4169e1 Chelsea FC#034694 Visa kin#1a1f71 HP kin#0096d6 Duracell#3a6ea5

Shades of royal blue

Blue Navy Cobalt Sapphire Cornflower Denim Azure Persian blue

Every format

HEX	#4169e1
RGB	rgb(65, 105, 225)
HSL	hsl(225, 73%, 57%)
CMYK	cmyk(71%, 53%, 0%, 12%)
LAB	lab(47.8 26.3 -65.3)
LCH	lch(47.8 70.3 291.9)
OKLCH	oklch(0.560 0.188 266.4)

Copy-ready code

/* CSS */
color: #4169e1;
background-color: #4169e1;
/* Tailwind (arbitrary) */
class="text-[#4169e1] bg-[#4169e1]"
/* SCSS */
$brand: #4169e1;
/* SwiftUI */
Color(red: 0.255, green: 0.412, blue: 0.882)
/* Android */
Color.parseColor("#4169e1")

Accessibility — WCAG contrast

#4169e1 on white: 4.85:1

AA ✓ pass · AA-large ✓ · AAA ✗

#4169e1 on black: 4.33:1

AA ✗ fail · AA-large ✓ · AAA ✗

true color

protanopia

deuteranopia

tritanopia

RGB percentages

Red25.5%

Green41.2%

Blue88.2%

CMYK percentages

Cyan71.1%

Magenta53.3%

Yellow0.0%

Key (black)11.8%

Color previews

#4169e1 text on a black background

contrast 4.33:1

Card sample

#4169e1 text on a white background

contrast 4.85:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #4169e1;

Background color

Panel with #4169e1 background

background-color: #4169e1;

Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #4169e1;

Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(65, 105, 225, 0.45);

Div box shadow

Elevated card

box-shadow: 0 12px 32px -8px rgba(65, 105, 225, 0.45);

Border & gradient

Gradient panel

border: 3px solid #4169e1;
background: linear-gradient(135deg, #4169e1, #8441E1);

Monochromatic scale

#081335 #122A73 #1C41B0 #345FDF #7290E9 #B0C0F2 #DCE3F9

Palettes built from #4169e1

UI palette

Gradient stops

Accent trio

Warm–cool bridge

Shades — darker

#2855DD #204AC8 #1C41AF #183796 #142E7D #102564 #0C1C4B #081232 #040919

Tints — lighter

#5478E4 #6787E7 #7A96EA #8DA5ED #A0B4F0 #B3C3F3 #C6D2F6 #D9E1F9 #ECF0FC

Hue & tone neighbors

#419EE1 #4184E1 #414FE1 #4F41E1 #6D8CE8 #214CCF #2B5EF7 #5774CB

Color harmonies

Complement

Split-complement

Analogous

Triadic

Tetradic

Nearest named colors

royalblue · ΔE 0.0 slateblue · ΔE 12.6 dodgerblue · ΔE 20.1 midnightblue · ΔE 36.0 indigo · ΔE 39.2

Royal Blue, answered

What is the hex code for royal blue?

CSS royalblue is #4169e1; deeper heraldic royals (Chelsea, Visa) run #034694–#1a1f71.

Where does the name royal blue come from?

An 18th-century English competition to weave the finest blue cloth for royalty — the winning shade took the crown’s name.

Royal blue vs navy?

Navy is darker and institutional; royal blue is brighter and more energetic — the difference between a suit and a team jersey.

Work with #4169e1 in the Color Lab

Contrast Checker →Palette Generator →Palette Pro →Scale Generator →CSS Code Generator →Color Blind Simulator →Accessibility Checker →Color Distance →