Powder Blue#B0E0E6
Powder Blue Hex Code: #B0E0E6
Powder Blue is a very light, muted cyan. Its OKLCH lightness is 88% and chroma 0.050. Text on this color reads best in black (contrast 14.65:1).
| HEX | #B0E0E6 |
|---|---|
| RGB | rgb(176, 224, 230) |
| HSL | hsl(187, 52%, 80%) |
| HSV / HSB | hsv(187, 23%, 90%) |
| CMYK | cmyk(23%, 3%, 0%, 10%) |
| OKLCH | oklch(87.5% 0.05 205.7) |
Contrast
White text1.43:1
AAAA largeAAA
Black text14.65:1
AAAA largeAAA
On white1.43:1
AAAA largeAAA
On black14.65:1
AAAA largeAAA
Tints
#B7E3E8#BEE6EB#C5E8ED#CCEBEF#D4EEF1#DBF1F4#E2F4F6Alice Blue#E9F6F8Alice Blue#F0F9FAAlice Blue#F7FCFDMint CreamShades
Matching colors
Complementary
Split complementary
Similar named colors
Code
| CSS | color: #B0E0E6; |
|---|---|
| Tailwind | bg-[#b0e0e6] |
| SwiftUI | Color(red: 0.69, green: 0.878, blue: 0.902) |
| Android | Color.parseColor("#B0E0E6") |
| Flutter | Color(0xFFB0E0E6) |
Powder Blue is a CSS named color (powderblue); the value follows W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for powder blue?
Powder Blue is #B0E0E6 in hex and rgb(176, 224, 230) in RGB.
What is powder blue in CMYK?
With the plain conversion formula it is cmyk(23, 3, 0, 10). For print, convert with your printer's ICC profile instead.
What text color works on powder blue?
Black text has the higher contrast at 14.65:1, which passes WCAG AA for normal text (4.5:1).