#87CEEB color codes
- HEX
- #87CEEB
- HEX8
- #87CEEBFF
- HEX8 (Android)
- #FF87CEEB
- RGB
- rgb(135, 206, 235)
- RGB (%)
- 53%, 81%, 92%
- HSL
- hsl(197, 71%, 73%)
- HSV / HSB
- hsv(197, 43%, 92%)
- CMYK
- cmyk(43%, 12%, 0%, 8%)
- OKLCH
- oklch(0.8148 0.0819 225.75)
- OKLCH (%)
- oklch(81.48% 0.0819 225.75)
- Decimal
- 8900331
What color is #87CEEB?
#87CEEB sits at 81% lightness and 0.0819 chroma in OKLCH, hue 225.75°. Its nearest named color is SkyBlue (an exact match).
Shades and tints of #87CEEB
Tints
Shades
Tones
#87CEEB color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #87CEEB in CSS
.text { color: #87CEEB; }
.background { background-color: #87CEEB; }
.border { border: 2px solid #87CEEB; }
/* Modern, perceptually uniform */
.text { color: oklch(0.8148 0.0819 225.75); }
/* #87CEEB at 50% transparency */
.overlay { background-color: #87CEEB80; }Is #87CEEB accessible?
#87CEEB on white text scores 1.74:1; on black text it scores 12.06:1. Black text passes WCAG AAA on #87CEEB. Recommended text color on a #87CEEB background: black.
A 12.06:1 vs black
A 1.74: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(#87CEEB) → black APCA Lc experimental 72.3 Lc · large / secondary 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 #87CEEB?
- #87CEEB is SkyBlue. In RGB it is rgb(135, 206, 235), and in HSL hsl(197, 71%, 73%).
- What is #87CEEB in RGB?
- #87CEEB converts to rgb(135, 206, 235) — red 135, green 206, blue 235.
- What text color is readable on #87CEEB?
- Black text — it has the higher contrast ratio (12.06:1) against #87CEEB. Black text passes WCAG AAA on #87CEEB.