Dodgerblue

dodgerblue is a CSS color keyword. The closest Tailwind step is blue-500 (#3b82f6).

#1e90ffrgb(30, 144, 255)
Hex
#1e90ff
RGB
30, 144, 255
HSL
210°, 100%, 56%
OKLCH
65.2% 0.190 253.2
LAB
59.4 10.0 -63.4

Open #1e90ff in the explorer

Text contrast

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

Black text6.5:1 AAAPCA Lc 47
White text3.2:1 FailAPCA Lc -62

Color vision

How #1e90ff looks in simulations of color blindness, at full severity.

Full color
#1e90ff
Protanopia
#5599ff
Deuteranopia
#2386fd
Tritanopia
#00abbb

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: dodgerblue;
background: #1e90ff;
@theme {
  --color-dodgerblue-50: #eef6ff;
  --color-dodgerblue-100: #d8eaff;
  --color-dodgerblue-200: #b1d4ff;
  --color-dodgerblue-300: #7cb8ff;
  --color-dodgerblue-400: #3c9aff;
  --color-dodgerblue-500: #007ae0;
  --color-dodgerblue-600: #0060b3;
  --color-dodgerblue-700: #004a8d;
  --color-dodgerblue-800: #003568;
  --color-dodgerblue-900: #002146;
  --color-dodgerblue-950: #000d22;
}