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.

Значения цвета

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

Свойства

Холодный Светлый Ближайший: skyblue

Психология цвета

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.

Цветовые гармонии

Комплементарный

Аналогичный

Триадный

Раздельно-комплементарный

Тетрадный

Симуляция цветовой слепоты

Использование в CSS

background-color: #87CEEB;
color: #87CEEB;
border-color: #87CEEB;
Ближайший Tailwind-оттенок: Sky 300 #7DD3FC

Оттенки Tailwind

Проверка контрастности

Текст на белом

1,74:1

AA Fail AAA Fail

Текст на чёрном

12,06:1

AA Pass AAA Pass

Сравнить с

Входит в коллекции

Часто задаваемые вопросы

What are the RGB, HSL, and CMYK values of #87CEEB?

RGB(135, 206, 235) · HSL(197,4, 71,4%, 72,5%) · CMYK(42,6%, 12,3%, 0,0%, 7,8%)

Does #87CEEB meet WCAG contrast on white?

1,74:1 — WCAG AA Не соответствует, AAA Не соответствует for normal text.

What text color is readable on #87CEEB?

Use 000000 text on a #87CEEB background; contrast on black is 12,06:1.