Soft Ethereal Pastel Sky Blue
Category: Blue
Powder Blue (#B0E0E6) — Color Codes, Meaning & UI Palettes
Powder Blue (#B0E0E6) is an airy, pale tint of blue with subtle cyan undertones, originally derived from smalt (powdered cobalt glass). It evokes serenity, spacious lightness, cleanliness, and peaceful minimalism.
Click to Copy HEX
Powder Blue
#B0E0E6
HEX
#B0E0E6
RGB
rgb(176, 224, 230)
HSL
hsl(187deg, 52%, 80%)
CMYK (Print)
cmyk(23%, 3%, 0%, 10%)
Apple Display P3
color(display-p3 0.690 0.878 0.902)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.43:1 (Fail)
Black Text (#000000)
14.66: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
#EFF9FA
100
#E0F3F5
200
#C1E6EB
300
#9AD7DF
400
#6CC5D0
500
#B0E0E6
600
#7ACAD5
700
#45B5C4
800
#2F8995
900
#1F5B63
950
#123338
Color Harmonies & Palette Schemes
Complementary
#E7B8B1
Opposite 180° Contrast
Analogous -30°
#B1E7D2
Natural Harmony
Analogous +30°
#B1C6E7
Natural Harmony
Triadic +120°
#E7B1E0
120° Balanced Triad
Triadic +240°
#E0E7B1
120° Balanced Triad
Curated UI Design Pairings for Powder Blue
Ideal background and badge container color for healthcare, wellness, productivity apps, and clean modern interfaces. Always pair with deep slate or navy for accessible WCAG text contrast.
Deep Navy
#0F172A
High-Contrast Headings
Crisp Ice White
#F8FAFC
Pristine Card Background
Soft Slate
#64748B
Accessible Secondary Text
Pastel Coral
#FCA5A5
Vibrant Accent Highlight
Export Powder Blue Code Snippets
CSS Variable
--color-powder-blue: #B0E0E6;
Tailwind Config
'powder-blue': '#B0E0E6'
Swift / SwiftUI
Color(hex: "#B0E0E6")
JSON Design Token
{"name": "Powder Blue", "hex": "#B0E0E6"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.