Lightskyblue

lightskyblue is a CSS color keyword. The closest Tailwind step is sky-300 (#7dd3fc).

#87cefargb(135, 206, 250)
Hex
#87cefa
RGB
135, 206, 250
HSL
203°, 92%, 75%
OKLCH
82.1% 0.095 236.8
LAB
79.7 -10.8 -28.5

Open #87cefa in the explorer

Text contrast

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

Black text12.2:1 AAAAPCA Lc 75
White text1.7:1 FailAPCA Lc -33

Color vision

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

Full color
#87cefa
Protanopia
#bacdfc
Deuteranopia
#aac0f9
Tritanopia
#53d9dc

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: lightskyblue;
background: #87cefa;
@theme {
  --color-lightskyblue-50: #ebf7ff;
  --color-lightskyblue-100: #d0edff;
  --color-lightskyblue-200: #9fdaff;
  --color-lightskyblue-300: #77bee9;
  --color-lightskyblue-400: #5ba1cb;
  --color-lightskyblue-500: #3b82ab;
  --color-lightskyblue-600: #1c688f;
  --color-lightskyblue-700: #005074;
  --color-lightskyblue-800: #003a55;
  --color-lightskyblue-900: #002538;
  --color-lightskyblue-950: #000f1a;
}