Royal Blue hex code
The hex code for royal blue is #4169E1. In RGB that is rgb(65, 105, 225) and in HSL it is hsl(225, 73%, 57%).
The hex code for royal blue is #4169E1. In RGB that is rgb(65, 105, 225) and in HSL it is hsl(225, 73%, 57%).
Royal Blue · #4169E1
Colour codes
- HEX
- #4169E1
- RGB
- rgb(65, 105, 225)
- HSL
- hsl(225, 73%, 57%)
- CMYK
- 71, 53, 0, 12
- CSS name
- royalblue
- Contrast on white
- 4.85:1
- Contrast on black
- 4.33:1
Tints and shades
20% lighter · #6787e7
40% lighter · #8da5ed
60% lighter · #b3c3f3
80% lighter · #d9e1f9
20% darker · #3454b4
40% darker · #273f87
60% darker · #1a2a5a
80% darker · #0d152d
Complementary colour
Royal Blue · #4169E1
Opposite on the colour wheel · #e1b941
Frequently asked questions
What is the hex code for royal blue?
The hex code for royal blue is #4169E1. In RGB that is rgb(65, 105, 225) and in HSL it is hsl(225, 73%, 57%).
Can I use royal blue for text?
It has a contrast ratio of 4.85:1 on white and 4.33:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with royal blue?
Its complementary colour, opposite on the colour wheel, is #E1B941. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of royal blue instead.
Is royal blue a CSS colour name?
Yes. CSS accepts the keyword royalblue, so color: royalblue and color: #4169E1 render exactly the same.