Royal Blue is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #4169E1, which equals rgb(65, 105, 225) in RGB and hsl(225, 73%, 57%) in HSL. In print terms it converts to roughly C71 M53 Y0 K12, although exact CMYK results depend on the paper and color profile.
- HEX
#4169E1 - RGB
65, 105, 225 - HSL
225°, 73%, 57% - CMYK
71, 53, 0, 12 - Family
Blue - Tone
Medium, saturated
About Royal Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 4.85:1. Its complementary color is #E1B941.
Download Royal Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Royal Blue color codes
| HEX | #4169E1 |
|---|---|
| RGB | rgb(65, 105, 225) |
| HSL | hsl(225, 73%, 57%) |
| HSV | 225°, 71%, 88% |
| CMYK | 71%, 53%, 0%, 12% |
| Decimal | 4286945 |
Shades and tints of Royal Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DFE6FA - 100
#C0CDF5 - 200
#A0B4F0 - 300
#809BEB - 400
#6182E6 - 500
#4169E1 - 600
#3658BC - 700
#2B4696 - 800
#213571 - 900
#16234B - 950
#0B1226
Color harmonies for Royal Blue
- Complementary
#E1B941≈ Medium Light Bright Amber - Analogous −30°
#41B9E1≈ Medium Light Bright Capri - Analogous +30°
#6941E1≈ Medium Light Bright Indigo - Triadic +120°
#E14169≈ Medium Light Bright Ruby - Triadic +240°
#69E141≈ Medium Light Bright Clover - Split 150°
#E16941≈ Medium Light Bright Vermilion - Split 210°
#B9E141≈ Medium Light Bright Chartreuse
Contrast and accessibility of Royal Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Royal Blue | Aa | 4.85:1 | AA (good) |
| Black text on Royal Blue | Aa | 4.33:1 | AA Large only |
CSS code for Royal Blue
background-color: #4169E1;color: #4169E1;background-color: rgb(65, 105, 225);background-color: hsl(225, 73%, 57%);:root { --color-royal-blue: #4169E1; }class="bg-[#4169E1]"Colors similar to Royal Blue
- Medium Light Bright Sapphire
#3E72EA - Medium Light Bright Cobalt
#3E60EA - Medium Light Soft Cobalt
#546DD4 - Medium Light Soft Royal
#5460D4 - Soft Cornflower
#3370CC - Soft Sapphire
#3361CC - Medium Light Soft Sapphire
#547AD4 - Medium Light Bright Cornflower
#3E83EA - Medium Light Bright Royal
#3E4FEA - Medium Light Soft Blue
#5454D4 - Light Royal
#5263FF - Light Bright Blue
#6363EE
More blue shades
- Teal
#008080 - Cyan
#00FFFF - Sky Blue
#87CEEB - Deep Sky Blue
#00BFFF - Dodger Blue
#1E90FF - Blue
#0000FF - Navy
#000080 - Midnight Blue
#191970 - Cadet Blue
#5F9EA0 - Cornflower Blue
#6495ED - Dark Blue
#00008B
Frequently asked questions
What is the HEX code for Royal Blue?
The HEX code for Royal Blue is #4169E1.
What is the RGB value of Royal Blue?
Royal Blue has an RGB value of 65, 105, 225 (rgb(65, 105, 225)). In HSL it is 225°, 73%, 57%.
What text color should I use on Royal Blue?
Use white text on Royal Blue. White text has a contrast ratio of 4.85:1 and black text has 4.33:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Royal Blue?
The complementary color of Royal Blue is #E1B941. Analogous colors #41B9E1 and #6941E1 also pair well.