Lightblue

lightblue is a CSS color keyword. The closest Tailwind step is sky-200 (#bae6fd).

#add8e6rgb(173, 216, 230)

Hex: #add8e6
RGB: 173, 216, 230
HSL: 195°, 53%, 79%
OKLCH: 85.6% 0.049 219.7
LAB: 83.8 -10.9 -11.5

Open #add8e6 in the explorer

Text contrast

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

Black text13.7:1 AAAAPCA Lc 81

White text1.5:1 FailAPCA Lc -26

Color vision

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

Full color
#add8e6

Protanopia
#cfd5e7

Deuteranopia
#c6cee6

Tritanopia
#9cdddc

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: lightblue;
background: #add8e6;

@theme {
  --color-lightblue-50: #e6f9ff;
  --color-lightblue-100: #c5f0ff;
  --color-lightblue-200: #aed9e7;
  --color-lightblue-300: #92bcca;
  --color-lightblue-400: #77a0ad;
  --color-lightblue-500: #59828e;
  --color-lightblue-600: #3f6774;
  --color-lightblue-700: #29515d;
  --color-lightblue-800: #123b47;
  --color-lightblue-900: #002631;
  --color-lightblue-950: #001016;
}