Royalblue

royalblue is a CSS color keyword. The closest Tailwind step is blue-600 (#2563eb).

#4169e1rgb(65, 105, 225)
Hex
#4169e1
RGB
65, 105, 225
HSL
225°, 73%, 57%
OKLCH
56.0% 0.188 266.4
LAB
47.8 26.3 -65.3

Open #4169e1 in the explorer

Text contrast

Black or white text on #4169e1. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text4.3:1 FailAPCA Lc 34
White text4.8:1 AAAPCA Lc -76

Color vision

How #4169e1 looks in simulations of color blindness, at full severity.

Full color
#4169e1
Protanopia
#0879e5
Deuteranopia
#006adf
Tritanopia
#00869b

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to royalblue.

50100200300400500600700800900950

Copy into CSS

color: royalblue;
background: #4169e1;
@theme {
  --color-royalblue-50: #f1f5ff;
  --color-royalblue-100: #dee8ff;
  --color-royalblue-200: #bcd1ff;
  --color-royalblue-300: #92b2ff;
  --color-royalblue-400: #6892ff;
  --color-royalblue-500: #466fe8;
  --color-royalblue-600: #2f53c9;
  --color-royalblue-700: #1c39ae;
  --color-royalblue-800: #0d1c93;
  --color-royalblue-900: #060071;
  --color-royalblue-950: #02003b;
}