Код светло-голубого цвета (#add8e6)

Светло-голубой — это #add8e6 в HEX и rgb(173, 216, 230), светлый голубой оттенок. Ниже: все цветовые форматы, оттенки и тона, гармонии и читаемость цвета в виде текста.

Обновлено

Светло-голубой
#add8e6
Имя в CSSlightblue
Hex#add8e6
RGBrgb(173, 216, 230)
HSLhsl(195 53% 79%)
HWBhwb(195 68% 10%)
CMYK25%, 6%, 0%, 10%

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

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

О светло-голубом цвете

Светло-голубой (lightblue) — светлый синий цвет средней насыщенности с HEX-кодом #add8e6, или rgb(173, 216, 230). В HSL его тон составляет 195°, насыщенность 53%, светлота 79%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lightblue;.

Использование светло-голубого для текста и фонов

СочетаниеКоэффициент контрастаWCAG
Светло-голубой текст на белом1.53 : 1не проходит
Светло-голубой текст на чёрном13.74 : 1AAA

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

CSS

.element {
  color: lightblue;               /* or #add8e6 */
  background-color: #add8e6;
  border: 1px solid rgb(173 216 230 / 50%);
}

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

Пудрово-синий (#b0e0e6), Светлый стальной синий (#b0c4de), Бледно-бирюзовый (#afeeee), Небесно-голубой (#87ceeb), Светло-серый (#d3d3d3), Светло-небесно-голубой (#87cefa).

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

Какой HEX-код у светло-голубого цвета?
#add8e6 — это rgb(173, 216, 230) и hsl(195, 53%, 79%). В CSS можно также просто написать lightblue.
Читается ли светло-голубой текст на белом фоне?
Коэффициент контраста на белом составляет 1.53 : 1, что не соответствует WCAG. Используйте такой цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются со светло-голубым?
Его комплементарный цвет — #e6bbad; аналогичные цвета #ade6d8 и #adbbe6 находятся рядом с ним на цветовом круге.