royalblue — #4169E1
#4169E1
rgb(65, 105, 225) · hsl(225, 73%, 57%) · CSS keyword royalblue
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| royalblue on white | 4.85:1 | AA | AA |
| royalblue on black | 4.33:1 | — | AA |
As a background, royalblue takes white text: 4.85:1 against 4.33:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: royalblue;
color: #4169e1;
color: rgb(65 105 225);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to royalblue
- steelblue — #4682B4
- slateblue — #6A5ACD
- mediumslateblue — #7B68EE
- dodgerblue — #1E90FF
- cornflowerblue — #6495ED
- slategray — #708090
Frequently asked questions
What is the hex code for royalblue?
The hex code for royalblue is #4169E1 — RGB 65, 105, 225.
Can I use royalblue for text?
Yes. royalblue reaches 4.85:1 against white, past the 4.5:1 that WCAG AA asks for body text.
Should text on royalblue be black or white?
White — 4.85:1 against 4.33:1 the other way.
Other named colours
- saddlebrown — #8B4513
- salmon — #FA8072
- sandybrown — #F4A460
- seagreen — #2E8B57
- seashell — #FFF5EE
- sienna — #A0522D
- silver — #C0C0C0
- skyblue — #87CEEB
- slateblue — #6A5ACD
- slategray — #708090
- snow — #FFFAFA
- springgreen — #00FF7F
#4169E1 in full — tints, shades and harmonies · All named colours · Colour reference