Skip to the color picker

Royal blue color: #4169e1

Royal blue is #4169e1, rgb(65, 105, 225) in RGB and oklch(55.985% 0.18823 266.4) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

225°
100%

56%
0.188
266°
  • Blue
  • Medium
  • Vivid
  • Cool
  • blue-600
  • Black 12%

Inside sRGB: displays the same on any screen.

White text
4.85:1Readable · AA
Lc -79
Black text
4.33:1Hard to read
Lc 31

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Royal blue

Similar named colors

Questions about Royal blue

What is the hex code for Royal blue?

The hex code for Royal blue is #4169e1. In RGB it is rgb(65, 105, 225), in HSL hsl(225, 72.73%, 56.86%) and in OKLCH oklch(55.985% 0.18823 266.4).

What colors go well with Royal blue?

Its complementary color is #966d00. For a calmer look, pair it with the analogous colors #007ebe and #8254d3. Ready palettes with Royal blue are shown on this page.

Is Royal blue a warm or cool color?

Royal blue is a cool color with an OKLCH hue of 266 degrees.

What text color is readable on Royal blue?

White text is more readable on Royal blue: white gives a contrast ratio of 4.85:1 and black gives 4.33:1. WCAG AA asks for at least 4.5:1 for body text.

About #4169e1

#4169e1 is a bright blue color. In OKLCH it has 56% lightness, 0.188 chroma and a hue of 266°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.85:1 contrast and black text 4.33:1, so white text reads better.

The closest named color is Royal Blue (#4169e1). In Tailwind CSS the closest color is blue-600.

More medium blue colors

Lighter: #4169e1 mixed with white

  1. 4169e1

Darker: #4169e1 mixed with black

  1. 4169e1

Calmer: #4169e1 with less saturation

  1. 4169e1

Similar named colors

  • Royal Blue#4169e1

Colors that go with #4169e1

Complementary
#4169e1
Analogous
#4169e1
Triadic
#4169e1
Split
#4169e1