skyblue
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
#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.
Значения цвета
#87CEEB
135, 206, 235
197,4, 71,4%, 72,5%
197,4, 42,6%, 92,2%
42,6%, 12,3%, 0,0%, 7,8%
0,8148 0,0819 225,8
Свойства
Психология цвета
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;
Sky 300
#7DD3FC
Оттенки Tailwind
Проверка контрастности
Текст на белом
1,74:1
Текст на чёрном
12,06:1
Сравнить с
Входит в коллекции
Часто задаваемые вопросы
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.