Royal Blue color values
| Format | Value |
|---|---|
| Hex | #4169E1 |
| RGB | rgb(65, 105, 225) |
| HSL | hsl(225, 73%, 57%) |
| HSV | 225, 71%, 88% |
| CMYK (simple conversion) | 71%, 53%, 0%, 12% |
| Decimal | 4286945 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Royal Blue
A rich, vivid blue that is brighter and more saturated than standard navy. It communicates trust and authority, making it popular in corporate branding and institutional logos. Designers rely on it for professional interfaces that need a confident, stable appearance. It is one of the 148 CSS named colors.
Shades and tints of Royal Blue
Tints mix Royal Blue with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #5478E4 | #3B5FCB |
| 20% | #6787E7 | #3454B4 |
| 30% | #7A96EA | #2E4A9E |
| 40% | #8DA5ED | #273F87 |
| 50% | #A0B4F0 | #213571 |
Color harmony for Royal Blue
These colors keep the same saturation and lightness as Royal Blue and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #E1B941 |
| Analogous | #41B9E1 #6941E1 |
| Triadic | #E14169 #69E141 |
| Split complementary | #E16941 #B9E141 |
Contrast and accessibility
Contrast between #4169E1 and white is 4.85:1 (passes AA). Against black it is 4.33:1 (large text only). For text on a Royal Blue background, white text is the more readable choice.
Use Royal Blue in CSS
.element {
color: royalblue;
background-color: #4169E1;
border-color: rgb(65 105 225);
outline-color: hsl(225 73% 57%);
}All four lines produce exactly the same color. The keyword royalblue is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Slate Blue: #6A5ACD
- Steel Blue: #4682B4
- Cornflower Blue: #6495ED
- mediumslateblue: #7B68EE
FAQ
What is the hex code for Royal Blue?
The hex code for Royal Blue is #4169E1. As a CSS color keyword you can also write royalblue.
What is Royal Blue in RGB?
Royal Blue is rgb(65, 105, 225): red 65, green 105, blue 225 on the 0 to 255 scale.
What color is closest to Royal Blue?
Of the CSS named colors, slateblue (#6A5ACD) is the closest match to Royal Blue, followed by steelblue and cornflowerblue.
More colors
- Red: previous page
- Salmon: next page
- CSS named colors: the full list