- No data uploaded
- Instant results
Powder Blue — #B0E0E6
Powder Blue is the CSS named colour powderblue, hex #B0E0E6. It has a contrast ratio of 1.43:1 on white and 14.65:1 on black — best used as text on dark backgrounds.
Powder Blue — #B0E0E6
Contrast on white 1.43:1 · on black 14.65:1
Tints
Shades
Complementary
Triadic
Analogous
Using Powder Blue in code
CSS: color: powderblue; or color: #B0E0E6; · Tailwind: text-[#B0E0E6] · Android/Flutter: 0xFFB0E0E6
Powder Blue colour harmonies
Complementary: #E6B6B0 · Triadic: #E6B0E0, #E0E6B0 · Analogous: #B0E6D1, #B0C5E6. Use tints for backgrounds and shades for hover states.
Powder Blue in every colour format
| Format | Value |
|---|---|
| HEX | #B0E0E6 |
| RGB | rgb(176, 224, 230) |
| HSL | hsl(187, 52%, 80%) |
| HSV | hsv(187, 23%, 90%) |
| CMYK | cmyk(23%, 3%, 0%, 10%) |
| CSS name | powderblue |
| Contrast on white | 1.43:1 |
| Contrast on black | 14.65:1 |
Frequently asked questions
What is the hex code for Powder Blue?
#B0E0E6 (CSS name: powderblue).
What is Powder Blue in RGB?
rgb(176, 224, 230)
What colour goes well with Powder Blue?
Its complementary colour #E6B6B0, or the analogous #B0E6D1 and #B0C5E6.