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

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

Обновлено

Светло-голубой
#87cefa
Имя в CSSlightskyblue
Hex#87cefa
RGBrgb(135, 206, 250)
HSLhsl(203 92% 75%)
HWBhwb(203 53% 2%)
CMYK46%, 18%, 0%, 2%

Оттенки и тона

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

О цвете Light Sky Blue

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

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

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

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

CSS

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

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

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

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

Какой HEX-код у светло-голубого цвета?
#87cefa — это rgb(135, 206, 250) и hsl(203, 92%, 75%). В CSS можно также написать просто lightskyblue.
Читается ли текство светло-голубого цвета на белом фоне?
Коэффициент контраста на белом составляет 1.72 : 1, что не проходит WCAG. Используйте этот цвет для оформления или на тёмном фоне.
Какие цвета хорошо сочетаются со светло-голубым?
Дополнительный цвет — #fab285; аналоговые цвета #85faec и #8592fa расположены рядом с ним на цветовом круге.