PowderBlue — #B0E0E6 HEX Color

#B0E0E6rgb(176, 224, 230)

About PowderBlue

PowderBlue (#B0E0E6) is a cool, light, vivid cyan tone with a hue of 187°, saturation of 52% and lightness of 80%. It works well for tech and wellness branding and conveys a refreshing feeling. On a white background it reaches a contrast ratio of 1.43:1, while on black it reaches 14.65:1 — so prefer black text when using #B0E0E6 as a background.

Color Codes

HEX#B0E0E6

RGBrgb(176, 224, 230)

HSLhsl(187°, 52%, 80%)

CMYKcmyk(23%, 3%, 0%, 10%)

CIELABLab(86.1, -14.1, -8)

Accessibility & Contrast

On white

1.43:1

AA Normal

AA Large

AAA Normal

AAA Large

On black

14.65:1

AA Normal

AA Large

AAA Normal

AAA Large

Recommendation: when using #B0E0E6 as a background, use black text for the highest contrast.

Color Schemes

Tints & Shades

Tints (mixed with white)

Shades (mixed with black)

CSS Code Snippets

background-color: #B0E0E6;

color: #B0E0E6;

border: 2px solid #B0E0E6;

background: linear-gradient(135deg, #B0E0E6, #e6b6b0);

Code Export

css

:root {
  --color-primary: #b0e0e6;
  --color-primary-rgb: 176, 224, 230;
  --color-primary-hsl: 187, 52%, 80%;
}

Explore Color Tools

Palette GeneratorGenerate harmonious color palettes

Color ConvertersConvert between HEX, RGB, HSL, CMYK

OKLCH PickerPick and convert OKLCH to HEX, RGB, HSL

Gradient GeneratorCreate CSS gradients with live preview

Related Combinations

#93BF85

+=Mint / Pastel Green

Green + White

Cyan + Magenta

Beige + Green

Blue + White

Frequently Asked Questions

What is the name of color #B0E0E6?

Color #B0E0E6 is commonly known as PowderBlue. It is a cool, light, vivid cyan tone.

Is #B0E0E6 a warm or cool color?

PowderBlue (#B0E0E6) is a cool color. With a hue of 187°, it falls in the cyan family.

What colors go well with #B0E0E6?

Colors that pair well with PowderBlue (#B0E0E6) include its complementary color (#E6B6B0), neutral whites and warm creams, and analogous cyan tones for harmonious palettes.