Код цвета Light Coral (#f08080)

Светлый коралловый — это #f08080 в HEX и rgb(240, 128, 128), светло-красный цвет. Ниже вы найдете все цветовые форматы, оттенки и тона, гармонии и информацию о читаемости текста.

Обновлено

Светлый коралловый
#f08080
Название в CSSlightcoral
Hex#f08080
RGBrgb(240, 128, 128)
HSLhsl(0 79% 72%)
HWBhwb(0 50% 6%)
CMYK0%, 47%, 47%, 6%

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

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

О цвете Светлый коралловый

Светлый коралловый (lightcoral) — светлый, насыщенный красный цвет с HEX-кодом #f08080 или rgb(240, 128, 128). В HSL его тон составляет 0°, насыщенность 79%, светлота 72%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lightcoral;.

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

СочетаниеКоэффициент контрастаWCAG
Текст светлым коралловым на белом2.59 : 1не проходит
Текст светлым коралловым на чёрном8.10 : 1AAA

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

CSS

.element {
  color: lightcoral;               /* or #f08080 */
  background-color: #f08080;
  border: 1px solid rgb(240 128 128 / 50%);
}

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

Лососевый (#fa8072), Тёмно-лососевый (#e9967a), Бледно-фиолетово-красный (#db7093), Светло-лососевый (#ffa07a), Песочно-коричневый (#f4a460), Коралловый (#ff7f50).

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

Какой HEX-код у светлого кораллового?
#f08080 — это rgb(240, 128, 128) и hsl(0, 79%, 72%). В CSS можно также написать просто lightcoral.
Читается ли светлый коралловый текст на белом?
Коэффициент контраста на белом составляет 2.59 : 1, что не соответствует WCAG. Используйте этот цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются со светлым коралловым?
Его комплементарный цвет — #7ff0f0; аналогичные цвета #f07fb8 и #f0b87f находятся рядом с ним на цветовом круге.