# Powder Blue Color (#B0E0E6)

> Powder Blue is a CSS named color defined as hex code #B0E0E6.

- **URL**: https://swatchatlas.com/colors/powder-blue/
- **Language**: English (en)
- **CSS Name**: `powderblue`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #B0E0E6
- **RGB**: rgb(176, 224, 230)
- **HSL**: hsl(187, 52%, 80%)
- **HSV/HSB**: hsv(187, 23%, 90%)
- **CMYK**: cmyk(23%, 3%, 0%, 10%) (digital approximation, non-print)
- **OKLCH**: oklch(0.875 0.050 205.7)

## What Colors Go With Powder Blue
Contrast is each color on Powder Blue (WCAG 2.2); 4.5:1 or above is text-safe.
- **Navy (#000080)**: 11.17:1, text-safe. Readable text on powder blue.
- **Midnight Blue (#191970)**: 10.36:1, text-safe. A softer dark blue for headings.
- **Dark Slate Gray (#2F4F4F)**: 6.23:1, text-safe. A dark neutral for body text.
- **Pink (#FFC0CB)**: 1.07:1, background or accent. A soft pastel partner for gentle, spring palettes.
- **Wheat (#F5DEB3)**: 1.09:1, background or accent. A warm beige that grounds the pale blue.
- **White (#FFFFFF)**: 1.43:1, background or accent. Clean backgrounds and cards around powder blue.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Powder Blue**: 14.65:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Powder Blue**: 1.43:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Powder Blue**: 10.76:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Powder Blue**: 4.01:1 (Passes AA for large text only)

## FAQ
### Can I use black text on Powder Blue?
Yes. Black text on Powder Blue has a WCAG 2.2 contrast ratio of 14.65:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

### Can I use white text on Powder Blue?
No. White text on Powder Blue has a WCAG 2.2 contrast ratio of only 1.43:1, below the 3:1 minimum even for large text.

### What colors go with Powder Blue?
Navy, Midnight Blue, Dark Slate Gray, Pink, Wheat and White all go well with Powder Blue. Navy (11.17:1), Midnight Blue (10.36:1) and Dark Slate Gray (6.23:1) have enough contrast for text on Powder Blue; Pink, Wheat and White work better as a background or accent.

### What is the difference between powder blue and light blue?
Powder Blue (#B0E0E6, hue 187°) leans more toward cyan and is slightly lighter than Light Blue (#ADD8E6, hue 195°).

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/powder-blue-1920x1080.png