#B0E0E6 color codes
- HEX
- #B0E0E6
- HEX8
- #B0E0E6FF
- HEX8 (Android)
- #FFB0E0E6
- RGB
- rgb(176, 224, 230)
- RGB (%)
- 69%, 88%, 90%
- HSL
- hsl(187, 52%, 80%)
- HSV / HSB
- hsv(187, 23%, 90%)
- CMYK
- cmyk(23%, 3%, 0%, 10%)
- OKLCH
- oklch(0.8751 0.0502 205.73)
- OKLCH (%)
- oklch(87.51% 0.0502 205.73)
- Decimal
- 11591910
What color is #B0E0E6?
#B0E0E6 sits at 88% lightness and 0.0502 chroma in OKLCH, hue 205.73°. Its nearest named color is PowderBlue (an exact match).
Shades and tints of #B0E0E6
Tints
Shades
Tones
#B0E0E6 color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #B0E0E6 in CSS
.text { color: #B0E0E6; }
.background { background-color: #B0E0E6; }
.border { border: 2px solid #B0E0E6; }
/* Modern, perceptually uniform */
.text { color: oklch(0.8751 0.0502 205.73); }
/* #B0E0E6 at 50% transparency */
.overlay { background-color: #B0E0E680; }Is #B0E0E6 accessible?
#B0E0E6 on white text scores 1.43:1; on black text it scores 14.65:1. Black text passes WCAG AAA on #B0E0E6. Recommended text color on a #B0E0E6 background: black.
A 14.65:1 vs black
A 1.43:1 vs white
- AA normal ≥ 4.5 Pass
- AA large ≥ 3 Pass
- AAA normal ≥ 7 Pass
- AAA large ≥ 4.5 Pass
Recommended text color: black
CSS
contrast-color() contrast-color(#B0E0E6) → black APCA Lc experimental 83 Lc · body text (black text)
WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.
Related colors
See more in the cyan family on the colors hub.
Frequently asked questions
- What color is #B0E0E6?
- #B0E0E6 is PowderBlue. In RGB it is rgb(176, 224, 230), and in HSL hsl(187, 52%, 80%).
- What is #B0E0E6 in RGB?
- #B0E0E6 converts to rgb(176, 224, 230) — red 176, green 224, blue 230.
- What text color is readable on #B0E0E6?
- Black text — it has the higher contrast ratio (14.65:1) against #B0E0E6. Black text passes WCAG AAA on #B0E0E6.