41 Different Shades of Royal Blue (+ HEX codes)
Explore all shades of royal blue, from lighter to darker shades. See HEX codes, shade names, and royal blue color palettes. Click any shade to copy its HEX code.
Royal blue is the color of confidence, sophistication, and timeless style! From soft, delicate hues to deep, bold tones, explore our collection of 40+ royal blue shades that bring a regal and dynamic touch to any design.
Whether you prefer a subtle sky-like blue or a rich, velvety shade, you'll find a variety of shades with their names and HEX codes. Plus, discover stunning royal blue color palettes for your projects!
- pale royal blue#B0C4DE
- light royal blue#7892F9
- sky royal blue#7B9DFF
- bleu de france#318CE7
- rich electric blue#0892D0
- bondi blue#0095B6
- cg blue#0079A4
- french blue#0072BB
- brandeis blue#0071FE
- azure radiance#007FFF
- cerulean#007BA7
- medium persian blue#0066A4
- medium teal blue#0054B4
- united nations blue#5B92E5
- han blue#446CCE
- neon royal blue#5868E0
- soft royal blue#5D76D4
- cool royal blue#4C6ED3
- ultramarine blue#4166F5
- true royal blue#4169E1
- palatinate blue#263BE2
- regal royal blue#3D5AFE
- electric royal blue#3F51B5
- deep royal blue#2F4F9B
- velvet royal blue#2C3EBA
- royal indigo blue#1E3BAA
- shadow royal blue#243B86
- royal azure#0038A8
- ua blue#0033A9
- international klein blue#012FA7
- egyptian blue#1034A6
- smalt#003399
- dark royal blue#19266D
- mystic royal blue#0F1C7D
- ultra royal blue#1A237E
- midnight royal blue#161D63
- sapphire royal blue#0F165B
- regal royal blue#0C0E4F
- imperial royal blue#090D3A
- ocean boat blue#0177BF
- zaffre#0014A7
Royal Blue: HEX & RGB Codes
royal blue has the following primary color codes:
HEX: #4169E1
RGB: (65, 105, 225).
Explore a wide range of royal blue shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!
Explore tints of royal blue
Royal Blue
#4169e1
Royal Blue
#5377e4
Cornflower Blue
#6585e7
Cornflower Blue
#7693ea
Portage
#87a1ed
Portage
#99aff0
Perano
#afc0f3
Tropical Blue
#c1cef6
Moon Raker
#d7dff9
Selago
#e9eefc
Explore shades of royal blue
Tangaroa
#030c2b
Deep Cove
#061646
Downriver
#0a1f5c
Deep Koamaru
#102870
Jacksons Purple
#173387
Jacksons Purple
#203f9d
Cerulean Blue
#2b4db6
Cerulean Blue
#345acb
royal blue in HEX, RGB, HSL and CMYK
| HEX | #4169E1 | |
|---|---|---|
| RGB | rgb(65, 105, 225) | |
| HSL | hsl(225, 73%, 57%) | |
| CMYK | cmyk(71%, 53%, 0%, 12%) |
Tints and shades of royal blue
Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.
Tints (lighter)
#5e80e6
#7b97ea
#97adef
#b4c4f3
#d1daf8
#edf1fc
Shades (darker)
#214ed4
#1b40ae
#153187
#0f2360
#091539
#030612
Colours that work with royal blue
Complementary
#4169E1 #e1b941
Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.
Analogous
#41b9e1 #4169E1 #6941e1
Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.
Triadic
#4169E1 #e14169 #69e141
Three colours evenly spaced. Lively and balanced; let one dominate.
Text on royal blue
Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker
royal blue shade chart
Right-click to save the chart, or copy the individual codes above.