Lightsteelblue

lightsteelblue is a CSS color keyword. The closest Tailwind step is blue-200 (#bfdbfe).

#b0c4dergb(176, 196, 222)

Hex: #b0c4de
RGB: 176, 196, 222
HSL: 214°, 41%, 78%
OKLCH: 81.4% 0.043 255.0
LAB: 78.5 -1.3 -15.2

Open #b0c4de in the explorer

Text contrast

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

Black text11.8:1 AAAAPCA Lc 73

White text1.8:1 FailAPCA Lc -35

Color vision

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

Full color
#b0c4de

Protanopia
#bbc5df

Deuteranopia
#b6c0dd

Tritanopia
#a4cacc

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: lightsteelblue;
background: #b0c4de;

@theme {
  --color-lightsteelblue-50: #eff6ff;
  --color-lightsteelblue-100: #d9eaff;
  --color-lightsteelblue-200: #bfd3ed;
  --color-lightsteelblue-300: #a2b6d0;
  --color-lightsteelblue-400: #879ab3;
  --color-lightsteelblue-500: #6a7c94;
  --color-lightsteelblue-600: #506279;
  --color-lightsteelblue-700: #3b4c62;
  --color-lightsteelblue-800: #26364b;
  --color-lightsteelblue-900: #132236;
  --color-lightsteelblue-950: #020d1f;
}