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%).

What RGB values make Royal Blue?

Royal Blue is 65 red, 105 green, and 225 blue, written as rgb(65, 105, 225).

Royal Blue scores 4.85:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.

Yes. You can write color: royalblue directly in CSS, which every browser resolves to #4169E1.

#4169E1

Royal Blue is a blue tone at #4169E1. It sits at 225 degrees on the color wheel with 73% saturation and 57% lightness.

Color values

Tints mix Royal Blue with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#D9E1F9

Tint 60%

#B3C3F3

Tint 40%

#8DA5ED

Tint 20%

#6787E7

Base

#4169E1

Shade 20%

#3454B4

Shade 40%

#273F87

Shade 60%

#1A2A5A

Shade 80%

#0D152D

On white

Sample text

4.85:1

Passes AA for body text

On black

Sample text

4.33:1

Large text only

Check a specific pairing in the contrast checker.

Frequently asked

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%).
What RGB values make Royal Blue?: Royal Blue is 65 red, 105 green, and 225 blue, written as rgb(65, 105, 225).
Is Royal Blue readable as text on a white background?: Royal Blue scores 4.85:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.
Is Royal Blue a valid CSS color name?: Yes. You can write color: royalblue directly in CSS, which every browser resolves to #4169E1.