Soft Pale Classic Sky
Category: Blue
Baby Blue (#89CFF0) — Color Codes, Meaning & UI Palettes
Baby Blue is a light, tender pastel tone registered in English in 1892. It symbolizes gentleness, new beginnings, peaceful optimism, and playful purity.
Click to Copy HEX
Baby Blue
#89CFF0
HEX
#89CFF0
RGB
rgb(137, 207, 240)
HSL
hsl(199deg, 77%, 74%)
CMYK (Print)
cmyk(43%, 14%, 0%, 6%)
Apple Display P3
color(display-p3 0.537 0.812 0.941)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.71:1 (Fail)
Black Text (#000000)
12.25: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
#ECF7FD
200
#D9F0FA
300
#C2E6F7
400
#A5DBF4
500
#89CFF0
600
#6EA6C0
700
#527C90
800
#375360
900
#1E2E35
950
#10191D
Color Harmonies & Palette Schemes
Complementary
#F0AA8A
Opposite 180° Contrast
Analogous -30°
#8AF0DD
Natural Harmony
Analogous +30°
#8A9CF0
Natural Harmony
Triadic +120°
#F08ACF
120° Balanced Triad
Triadic +240°
#CFF08A
120° Balanced Triad
Curated UI Design Pairings for Baby Blue
Ideal for pediatric healthcare, nursery decor, confectionery brands, and soft aesthetic journals. Use deep navy for accessible text.
Midnight Navy
#0F172A
High-Contrast Readability
Strawberry Milk
#FFD1DC
Classic Pastel Duo
Crisp Snow
#FFFFFF
Clean Surface
Soft Fog
#EAF1F8
Subtle Container Tint
Export Baby Blue Code Snippets
CSS Variable
--color-baby-blue: #89CFF0;
Tailwind Config
'baby-blue': '#89CFF0'
Swift / SwiftUI
Color(hex: "#89CFF0")
JSON Design Token
{"name": "Baby Blue", "hex": "#89CFF0"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.