Royal Blue Color Code #4169E1
Royal Blue has the HEX code #4169E1 and the RGB value rgb(65, 105, 225).
Royal Blue#4169E1
Royal Blue color codes
| HEX | #4169E1 |
| RGB | rgb(65, 105, 225) |
| HSL | hsl(225, 73%, 57%) |
| CMYK | cmyk(71%, 53%, 0%, 12%) |
| RGB percent | 25%, 41%, 88% |
| Decimal | 4286945 |
Tints of Royal Blue
#5478E4#6787E7#7A96EA#8DA5ED#A0B4F0#B3C3F3#C6D2F6#D9E1F9#ECF0FC
Shades of Royal Blue
#3B5FCB#3454B4#2E4A9E#273F87#213571#1A2A5A#142044#0D152D#060A16
Color combinations
Complementary
#4169E1#E1B941
Analogous
#4169E1#41B9E1#6941E1
Triadic
#4169E1#E14169#69E141
Use Royal Blue in CSS
.text { color: #4169E1; }
.box { background-color: rgb(65, 105, 225); }
.border { border: 2px solid hsl(225, 73%, 57%); }
Text in Royal Blue
Background in Royal Blue
Similar colors
- Slate Blue
- Steel Blue
- Cornflower Blue
- Medium Slate Blue
- Dodger Blue
- Medium Purple
- Cadet Blue
- Teal Blue
- Cobalt Blue
- Light Slate Gray
- Blue Violet
- Slate Gray
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 in RGB is rgb(65, 105, 225): red 65, green 105 and blue 225 out of 255.
How do I use Royal Blue in CSS?
Use color: #4169E1; for text or background-color: #4169E1; for backgrounds. You can also write the CSS name royalblue.