skyblue

#87CEEB

CSS color

Sky Blue (#87CEEB) is a light, airy blue CSS named colour, directly capturing the luminous, open blue of a clear sky at mid-morning — one of the most universally beloved colours in the natural world. As a CSS standard, it is one of the most commonly used blues in web design for conveying openness, clarity, freedom, and calm. Sky blue crosses cultural boundaries in its positive associations, representing the open air and the limitless quality of the visible atmosphere.

Color Values

HEX

#87CEEB

RGB

135, 206, 235

HSL

197.4, 71.4%, 72.5%

HSV

197.4, 42.6%, 92.2%

CMYK

42.6%, 12.3%, 0.0%, 7.8%

OKLCH

0.8148 0.0819 225.8

Properties

Color Psychology

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #87CEEB;
color: #87CEEB;
border-color: #87CEEB;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.06:1

AA Pass AAA Pass

Compare With

Part of These Collections