Skyblue

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

#87ceebrgb(135, 206, 235)

Hex: #87ceeb
RGB: 135, 206, 235
HSL: 197°, 71%, 73%
OKLCH: 81.5% 0.082 225.8
LAB: 79.2 -14.8 -21.3

Open #87ceeb in the explorer

Text contrast

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

Black text12.1:1 AAAAPCA Lc 74

White text1.7:1 FailAPCA Lc -34

Color vision

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

Full color
#87ceeb

Protanopia
#becbed

Deuteranopia
#afbfeb

Tritanopia
#5dd7d7

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: skyblue;
background: #87ceeb;

@theme {
  --color-skyblue-50: #e8f8ff;
  --color-skyblue-100: #c9efff;
  --color-skyblue-200: #95ddfa;
  --color-skyblue-300: #79c0dc;
  --color-skyblue-400: #5da3bf;
  --color-skyblue-500: #3d849f;
  --color-skyblue-600: #1e6a84;
  --color-skyblue-700: #00526b;
  --color-skyblue-800: #003c4e;
  --color-skyblue-900: #002633;
  --color-skyblue-950: #001017;
}