Clear Daytime Atmosphere Azure
Category: Blue
Sky Blue (#87CEEB) — Color Codes, Meaning & UI Palettes
Sky Blue mirrors the serene clarity of an unclouded noon sky, radiating optimism, peace, mental openness, and effortless freedom.
Click to Copy HEX
Sky Blue
#87CEEB
HEX
#87CEEB
RGB
rgb(135, 206, 235)
HSL
hsl(197deg, 71%, 73%)
CMYK (Print)
cmyk(43%, 12%, 0%, 8%)
Apple Display P3
color(display-p3 0.529 0.808 0.922)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.74:1 (Fail)
Black Text (#000000)
12.06:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F8FCFE
100
#ECF7FC
200
#D9EFF9
300
#C1E6F5
400
#A4DAF0
500
#87CEEB
600
#6CA5BC
700
#517C8D
800
#36525E
900
#1E2D34
950
#10191C
Color Harmonies & Palette Schemes
Complementary
#EBA589
Opposite 180° Contrast
Analogous -30°
#89EBD6
Natural Harmony
Analogous +30°
#899EEB
Natural Harmony
Triadic +120°
#EB89CF
120° Balanced Triad
Triadic +240°
#CFEB89
120° Balanced Triad
Curated UI Design Pairings for Sky Blue
Great for travel portals, weather dashboards, productivity tools, and soft atmospheric card backgrounds.
Prussian Blue
#1D3557
High-Contrast Heading
Cloud White
#F0F9FF
Soft Air Canvas
Warm Sunshine
#FFDE38
Energetic Highlight
Soft Pebble
#E2E8F0
Clean Divider Border
Export Sky Blue Code Snippets
CSS Variable
--color-sky-blue: #87CEEB;
Tailwind Config
'sky-blue': '#87CEEB'
Swift / SwiftUI
Color(hex: "#87CEEB")
JSON Design Token
{"name": "Sky Blue", "hex": "#87CEEB"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.