Royal Blue #4169E1

Royal Blue#4169E1 · rgb(65, 105, 225)

Royal Blue color codes

CSS nameroyalblue
HEX#4169E1
RGBrgb(65, 105, 225)
HSLhsl(225, 73%, 57%)
CMYKcmyk(71%, 53%, 0%, 12%)
Decimal4286945

Shades of Royal Blue (darker)

#3B5FCB · #3454B4 · #2E4A9E · #273F87 · #213571 · #1A2A5A · #142044 · #0D152D · #070B17

Tints of Royal Blue (lighter)

#5478E4 · #6787E7 · #7A96EA · #8DA5ED · #A0B4F0 · #B3C3F3 · #C6D2F6 · #D9E1F9 · #ECF0FC

Color harmonies

Complementary
#E1B941
Triadic
#E14169, #69E141
Analogous
#41B9E1, #6941E1

Accessibility (WCAG contrast)

White text on Royal Blue4.85:1 · AA
Black text on Royal Blue4.33:1 · AA large text only

Use Royal Blue in code

.element {
  color: royalblue;          /* or #4169e1 */
  background-color: rgb(65 105 225 / 0.5);
}

Frequently asked questions

What is the hex code for Royal Blue?

Royal Blue is #4169E1 in HEX, rgb(65, 105, 225) in RGB and hsl(225, 73%, 57%) in HSL.

Can I use "royalblue" directly in CSS?

Yes. "royalblue" is one of the 148 standard CSS named colors, so color: royalblue; works in every browser.

Is Royal Blue readable on white?

The contrast ratio of Royal Blue on white is 4.85:1 (WCAG AA). On black it is 4.33:1 (AA large text only).

What is the complementary color of Royal Blue?

The complementary color (opposite on the color wheel) is #E1B941.

Similar colors

Slate Blue#6A5ACDSteel Blue#4682B4Cornflower Blue#6495EDMedium Slate Blue#7B68EEDodger Blue#1E90FFMedium Purple#9370DBCadet Blue#5F9EA0Light Slate Gray#778899

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.