What colors go well with royal blue?

Royal Blue pairs with its complementary colour #E1B941 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Royal Blue Color — Hex Code #4169E1, RGB, Palettes & CSS

Q: What is the hex code for royal blue?

Royal Blue is commonly #4169E1, which is rgb(65, 105, 225). Like most descriptive colour names it covers a small range, but this is a widely used value.

Royal Blue colour codes

Hex

#4169E1

RGB

rgb(65, 105, 225)

HSL

hsl(225, 73%, 57%)

HSV

hsv(225, 71%, 88%)

OKLCH

oklch(0.56 0.19 266)

CMYK

cmyk(71%, 53%, 0%, 12%)

Complementary palette

Royal Blue with its opposite on the colour wheel.

#4169E1

rgb(65, 105, 225)

#E1B941

rgb(225, 185, 65)

Triad palette

Royal Blue with two evenly-spaced partners.

#4169E1

rgb(65, 105, 225)

#E14169

rgb(225, 65, 105)

#69E141

rgb(105, 225, 65)

Monochromatic palette

Lighter and darker versions of royal blue at the same hue.

#213572

rgb(33, 53, 114)

#2E4A9F

rgb(46, 74, 159)

#3B5FCC

rgb(59, 95, 204)

#456FEE

rgb(69, 111, 238)

Lighter tints

Royal Blue toward white.

#4169E1

rgb(65, 105, 225)

#5C7EE5

rgb(92, 126, 229)

#7794EA

rgb(119, 148, 234)

#92A9EE

rgb(146, 169, 238)

#AEBFF2

rgb(174, 191, 242)

#C9D4F6

rgb(201, 212, 246)

#E4EAFB

rgb(228, 234, 251)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Royal Blue toward black.

#4169E1

rgb(65, 105, 225)

#385AC1

rgb(56, 90, 193)

#2E4BA1

rgb(46, 75, 161)

#253C81

rgb(37, 60, 129)

#1C2D60

rgb(28, 45, 96)

#131E40

rgb(19, 30, 64)

#090F20

rgb(9, 15, 32)

#000000

rgb(0, 0, 0)

About royal blue

A deep, vivid blue. Bold and confident, it is a popular choice for branding, sports and corporate identity. The value shown here (#4169E1) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with royal blue

The complementary colour (#E1B941) sits opposite royal blue on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using royal blue in your design

For CSS, paste #4169E1 or the oklch(0.56 0.19 266) value, or download the ready-made royal-blue.css file above — it includes a full 50–950 token scale. Always check contrast before using royal blue behind text.

What is the hex code for royal blue?

Royal Blue is commonly #4169E1 (rgb(65, 105, 225)). It covers a small range, but this is a widely used value.

What colours go well with royal blue?

Its complementary colour #E1B941 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Royal Blue colour

Royal Blue colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About royal blue

Palettes that work with royal blue

Using royal blue in your design

Popular colours

Color tools