bluecoolCSS named color
Sky Blue #87CEEB
A light airy blue, like a clear sky.
Use cases: Weather apps · Light UI
Color values
| Format | Value | |
|---|---|---|
| HEX | #87CEEB | |
| RGB | rgb(135, 206, 235) | |
| HSL | hsl(197, 71%, 73%) | |
| HSV | hsv(197, 43%, 92%) | |
| CMYK | cmyk(42.6%, 12.3%, 0%, 7.8%) | |
| XYZ | xyz(47.0531, 55.2884, 86.7734) | |
| CIE-LAB | lab(79.2, -14.8, -21.3) | |
| Luminance | 0.553 (WCAG relative) |
/* Sky Blue */
color: #87ceeb;
background-color: #87ceeb;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#7ab9d4 #6ca5bc #5f90a5 #517c8d #446776 #36525e #293e47 #1b292f #0e1518 #000000
Tints (toward white)
#93d3ed #9fd8ef #abddf1 #b7e2f3 #c3e7f5 #cfebf7 #dbf0f9 #e7f5fb #f3fafd #ffffff
Tones (toward gray)
#86c6e0 #86bed6 #85b7cb #84afc0 #84a7b6 #839fab #8297a0 #819095 #81888b #808080
Color harmonies
Complementary
Edit in generator →#87CEEB
#EBA487
#87ceeb #eba487
Analogous
Edit in generator →#87EBD6
#87CEEB
#879CEB
#87ebd6 #87ceeb #879ceb
Triadic
Edit in generator →#87CEEB
#EB87CE
#CEEB87
#87ceeb #eb87ce #ceeb87
Tetradic
Edit in generator →#87CEEB
#D687EB
#EBA487
#9CEB87
#87ceeb #d687eb #eba487 #9ceb87
Split Complementary
Edit in generator →#87CEEB
#EB879C
#EBD687
#87ceeb #eb879c #ebd687
Monochromatic
Edit in generator →#23A1D4
#53B9E2
#87CEEB
#BBE3F4
#E5F4FB
#23a1d4 #53b9e2 #87ceeb #bbe3f4 #e5f4fb
Accessibility & contrast
1.74
#87CEEB on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
12.06
#87CEEB on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
Best text on sky blue
12.06
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Baby Blue #89CFF0 | 1.43 | |
| Ice Blue #A5DFF9 | 4.84 | |
| Powder Blue #B0E0E6 | 9.19 | |
| Silver #C0C0C0 | 18.03 | |
| Aqua #00FFFF | 18.13 | |
| Light Gray #D3D3D3 | 18.36 |
Related colors
Palettes with sky blue
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.