Powder blue color: hex codes, shades and palettes
Palettes built around powder blue. Click any swatch to copy its hex code.
A pale, quiet blue with a hint of grey. Light enough to work as a background, which is most of what it gets used for.
No powder blue palettes yet
Run npm run generate to build the dataset.
Powder blue hex, RGB, HSL and OKLCH
- HEX
#A8C4DC- RGB
rgb(168, 196, 220)- HSL
hsl(208, 43%, 76%)- OKLCH
oklch(80.7% 0.046 244.2)- On white
- 1.81:1
- On black
- 11.59:1
Shades of powder blue
Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.
Contrast and readability
Powder blue on white measures 1.81:1 and on black 11.59:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.23:1.
The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.
Related colors:pastel, wisteria. See every shade on the colors index.