Steelblue

steelblue is a CSS color keyword. The closest Tailwind step is sky-600 (#0284c7).

#4682b4rgb(70, 130, 180)

Hex: #4682b4
RGB: 70, 130, 180
HSL: 207°, 44%, 49%
OKLCH: 58.8% 0.099 245.7
LAB: 52.5 -4.1 -32.2

Open #4682b4 in the explorer

Text contrast

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

Black text5.1:1 AAAPCA Lc 39

White text4.1:1 FailAPCA Lc -71

Color vision

How #4682b4 looks in simulations of color blindness, at full severity.

Full color
#4682b4

Protanopia
#6c83b6

Deuteranopia
#5d78b3

Tritanopia
#008e93

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: steelblue;
background: #4682b4;

@theme {
  --color-steelblue-50: #edf6ff;
  --color-steelblue-100: #d5ebff;
  --color-steelblue-200: #a9d7ff;
  --color-steelblue-300: #7ebbf0;
  --color-steelblue-400: #629ed2;
  --color-steelblue-500: #4480b1;
  --color-steelblue-600: #286595;
  --color-steelblue-700: #0a4e7c;
  --color-steelblue-800: #00385e;
  --color-steelblue-900: #00233e;
  --color-steelblue-950: #000e1e;
}