Royal Blue in OKLCH

Royal Blue is the rich, medium-dark CSS named color #4169E1. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.

OKLCHoklch(56.0% 0.188 266.4)

HEX#4169E1

RGBrgb(65 105 225)

sRGB: in gamutDisplay-P3: in gamut

#4169E1

oklch(56.0% 0.188 266.4)

Lightness56.0%

Chroma0.188

Hue266.4°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(56.0% 0.188 266.4)

HEX

#4169E1

RGB

rgb(65 105 225)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 4.85:1

AA ✓AAA ✗

APCA Lc 73

Aa on blackWCAG 4.33:1

AA ✗AAA ✗

APCA Lc 29

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.129 266.4);
  --color-brand-100: oklch(94.0% 0.134 266.4);
  --color-brand-200: oklch(88.0% 0.144 266.4);
  --color-brand-300: oklch(80.0% 0.158 266.4);
  --color-brand-400: oklch(70.0% 0.175 266.4);
  --color-brand-500: oklch(62.0% 0.188 266.4);
  --color-brand-600: oklch(54.0% 0.175 266.4);
  --color-brand-700: oklch(46.0% 0.161 266.4);
  --color-brand-800: oklch(38.0% 0.148 266.4);
  --color-brand-900: oklch(30.0% 0.134 266.4);
  --color-brand-950: oklch(22.0% 0.120 266.4);
}

About royal blue

Royal Blue is a deep, confident blue that reads as premium and dependable, which is why it shows up in finance, sports and formal branding. It is darker and slightly more violet than dodger blue, with solid chroma, so the tonal scale pulls both crisp light tints and deep navy-leaning shades. Keep the hue and sweep lightness for the ramp, then copy the OKLCH, HEX or RGB value.

Royal Blue in CSS: oklch(56.0% 0.188 266.4) · #4169e1 · rgb(65 105 225)

Frequently Asked Questions

Royal blue (#4169E1) is darker and leans slightly more violet, while dodger blue (#1E90FF) is brighter and more cyan. In OKLCH royal blue has a lower lightness and a hue a few degrees toward purple.

Royal blue is rgb(65, 105, 225). The RGB, HEX and OKLCH values are all shown in the readouts above and can be copied in one click.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker