Colormapped
Color reference

Powder Blue #B0E0E6

Powder Blue is the CSS named color powderblue at #B0E0E6, a pale muted cyan-blue.

Powder Blue is the CSS named color keyword powderblue, standardized at #B0E0E6 in sRGB.

Powder Blue #B0E0E6 14.65:1 with black text

Color values

HEX#B0E0E6
RGBrgb(176, 224, 230)
HSLhsl(187 52% 80%)
HSV187°, 23%, 90%
CMYK23%, 3%, 0%, 10%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 14.65:1 — AA normal text passes
White text 1.43:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white fails.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Powder Blue

These steps are computed by RGB-mixing #B0E0E6 toward white or black. They are generated values, not official named colors.

80% tint #EFF9FA
60% tint #DFF3F5
40% tint #D0ECF0
20% tint #C0E6EB
Base #B0E0E6
20% shade #8DB3B8
40% shade #6A868A
60% shade #465A5C
80% shade #232D2E

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #000000;
  background-color: powderblue;
}

You can use either powderblue or #B0E0E6 in CSS; both resolve to the same sRGB color.