Код цвета Sky Blue (#87ceeb)

Sky Blue — это #87ceeb в HEX и rgb(135, 206, 235), светло-голубой цвет. Ниже вы найдёте все цветовые форматы, светлые и тёмные оттенки, гармонии и данные о читаемости текста.

Обновлено

Sky Blue
#87ceeb
Имя в CSSskyblue
HEX#87ceeb
RGBrgb(135, 206, 235)
HSLhsl(197 71% 73%)
HWBhwb(197 53% 8%)
CMYK43%, 12%, 0%, 8%

Светлые и тёмные оттенки

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

О цвете Sky Blue

Sky Blue (skyblue) — светлый, насыщенный голубой цвет с HEX-кодом #87ceeb, или rgb(135, 206, 235). В HSL его тон составляет 197°, насыщенность 71%, светлота 73%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: skyblue;.

Использование Sky Blue для текста и фонов

СочетаниеКоэффициент контрастаWCAG
Текст Sky Blue на белом1.74 : 1не проходит
Текст Sky Blue на чёрном12.06 : 1AAA

На фоне небесно-голубого цвета используйте текст чёрного цвета (12.06 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить с помощью Contrast Checker.

CSS

.element {
  color: skyblue;               /* or #87ceeb */
  background-color: #87ceeb;
  border: 1px solid rgb(135 206 235 / 50%);
}

Похожие именованные цвета

Светло-небесно-голубой (#87cefa), Светло-голубой (#add8e6), Светло-стальной голубой (#b0c4de), Пудрово-голубой (#b0e0e6), Бледно-бирюзовый (#afeeee), Аквамарин (#7fffd4).

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

Какой HEX-код у небесно-голубого цвета?
#87ceeb — это rgb(135, 206, 235) и hsl(197, 71%, 73%). В CSS можно также написать просто skyblue.
Читается ли небесно-голубой текст на белом фоне?
Коэффициент контраста на белом составляет 1.74 : 1, что не проходит WCAG. Используйте этот цвет для оформления или на тёмном фоне.
Какие цвета хорошо сочетаются с небесно-голубым?
Его дополнительный цвет — #eba589. Аналогичные цвета #89ebd6 и #899eeb находятся рядом с ним на цветовом круге.