Colors

#B0E0E6

Powder Blue

Powder Blue is #B0E0E6. In CSS you can write it as the keyword powderblue. The values below are the same sRGB color in HEX, RGB, HSL, HSV, a simple CMYK conversion, and OKLCH. CMYK here is a channel formula for reference, not a press proof.

Conversions

HEX
#B0E0E6
RGB
rgb(176, 224, 230)
HSL
hsl(187,52%,80%)
HSV
hsv(187, 23%, 90%)
CMYK
cmyk(23,3,0,10)
OKLCH
oklch(87.5% 0.050 205.7)

Tints and shades

Tints mix this color toward white. Shades mix it toward black in sRGB. For a 50–950 ramp, open the tint and shade generator.

Tints

#C0E6EB

20% white

#D0ECF0

40% white

#DFF3F5

60% white

#EFF9FA

80% white

Shades

#8DB3B8

20% black

#6A868A

40% black

#465A5C

60% black

#232D2E

80% black

Harmony palettes

These schemes rotate hue from Powder Blue. Read the relationships in color theory 101 or adjust them on the color wheel.

Complementary

Open in palette generator

#B1E0E7

#E7B8B1

#EEF6F7

#F7EFEE

#8FB8BD

Analogous

Open in palette generator

#B1E7D2

#B1E0E7

#B1C6E7

#B8B1E7

#B5E3BB

Triadic

Open in palette generator

#B1E0E7

#E7B1E0

#E0E7B1

#F7EEF6

#C8CE97

Split Complementary

Open in palette generator

#B1E0E7

#E7B1C6

#E7D2B1

#FFFFFF

#BD948F

Monochromatic

Open in palette generator

#18474E

#2B7D88

#3DB2C2

#77C9D4

#B1E0E7

Tetradic

Open in palette generator

#B1E0E7

#D2B1E7

#E7B8B1

#C6E7B1

#ECE4F1

Contrast against white and black

Ratios use the WCAG relative-luminance formula. AA normal text needs 4.5:1 and large text needs 3:1 under Success Criterion 1.4.3. AAA uses 7:1 and 4.5:1. A pass here is only this pair, not a full page audit. Check other pairings in the contrast checker.

On white · 1.43:1
AA normal text Fail
AA large text Fail
AAA normal text Fail
AAA large text Fail
On black · 14.65:1
AA normal text Pass
AA large text Pass
AAA normal text Pass
AAA large text Pass

Similar named colors

Nearest CSS named colors by RGB distance. Distance is not a perceptual match.

Use this color