#4169E1
Royal Blue
Royal blue is a vivid, saturated blue that was originally created for a competition to make a dress for Queen Charlotte. It represents nobility, elegance, and prestige.
Royal Blue Color Values
HEX#4169E1
RGB65, 105, 225
HSL225°, 73%, 57%
HSV225°, 71%, 88%
CMYK71%, 53%, 0%, 12%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #0D79E5 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #006ADE (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #00869B (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #777777 (~0.003% of population)
Royal Blue as Text Color
Royal Blue on White
4.8:1AA
Royal Blue on Light Gray
4.4:1FAIL
Royal Blue on Cream
4.6:1AA
Royal Blue on Dark
3.5:1FAIL
Royal Blue on Black
4.3:1FAIL
Royal Blue on Soft Blue
4.2:1FAIL
Royal Blue on Soft Green
4.3:1FAIL
Royal Blue on Soft Pink
4.0:1FAIL
Nearest Tailwind Class
blue-600
#2563EB
Nearest Pantone Match
Very Peri (2022)
#6667AB
CSS Variable Export
:root {
--color-royal-blue: #4169E1;
--color-royal-blue-rgb: 65, 105, 225;
}Tailwind Config
// tailwind.config.js
colors: {
'royal-blue': '#4169E1',
}Shades of Royal Blue
#4169E1
#2754DD
#1E47C2
#1A3EA8
#16348D
#11286E
#0D1F54
#091539
#040A1A
#000000
Tints of Royal Blue
#4169E1
#577BE5
#6D8CE8
#7F9AEB
#95ABEE
#ABBDF2
#C1CEF5
#D3DCF8
#E9EEFC
#FFFFFF
Color Harmonies
Complementary
#4169E1
#E1B941
Analogous
#41B9E1
#4169E1
#6941E1
Triadic
#4169E1
#E14169
#69E141
Royal Blue Text Preview
Heading in Royal Blue
Body text in Royal Blue. The quick brown fox jumps over the lazy dog.
White on Royal Blue
Body text on a Royal Blue background.
Royal Blue text on dark background
Contrast: 3.7:1