Powderblue

powderblue is a CSS color keyword. The closest Tailwind step is cyan-100 (#cffafe).

#b0e0e6rgb(176, 224, 230)
Hex
#b0e0e6
RGB
176, 224, 230
HSL
187°, 52%, 80%
OKLCH
87.5% 0.050 205.7
LAB
86.1 -14.1 -8.0

Open #b0e0e6 in the explorer

Text contrast

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

Black text14.7:1 AAAAPCA Lc 84
White text1.4:1 FailAPCA Lc -22

Color vision

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

Full color
#b0e0e6
Protanopia
#d8dce6
Deuteranopia
#cfd4e6
Tritanopia
#9fe4e2

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: powderblue;
background: #b0e0e6;
@theme {
  --color-powderblue-50: #dffbff;
  --color-powderblue-100: #c2f2f8;
  --color-powderblue-200: #abdbe1;
  --color-powderblue-300: #8fbec4;
  --color-powderblue-400: #73a2a7;
  --color-powderblue-500: #568389;
  --color-powderblue-600: #3c696e;
  --color-powderblue-700: #255258;
  --color-powderblue-800: #0c3d42;
  --color-powderblue-900: #00272c;
  --color-powderblue-950: #001113;
}