Shades of RoyalBlue
#4169E1 · rgb(65, 105, 225) · hsl(225, 73%, 57%)
Lightness scale
RoyalBlue stepped from #edf1fc at the light end to #040a1a at the dark end, at a fixed saturation.
Tints
9 tints of RoyalBlue, #5478e4 to #ecf0fc — mixed toward white for backgrounds and fills.
Shades
9 shades of RoyalBlue, #3b5fcb to #070b17 — mixed toward black for text, borders and emphasis.
The RoyalBlue scale walks from pale tints to deep shades while keeping the same hue. Use the light end for backgrounds, the middle for accents and the dark end for text and borders.
Frequently asked questions
RoyalBlue (#4169E1) has 9 shades mixed toward black, 9 tints mixed toward white and 9 tones mixed toward gray — all listed above with hex codes.
Good to know
- All 38 RoyalBlue swatches above copy to your clipboard with one click.
- Use the light end of RoyalBlue for large surfaces, the middle for buttons and borders, and the dark end for text.
Tools that pair with Shades Generator
Next steps for RoyalBlue: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.
Guides for RoyalBlue
Longer reads for the questions that come up around royalblue.
