Код светло-зелёного цвета (#90ee90)

Светло-зелёный — это #90ee90 в HEX и rgb(144, 238, 144), светлый зелёный оттенок. Ниже: все форматы цвета, оттенки и тона, гармонии и читаемость текста.

Обновлено

Светло-зелёный
#90ee90
Имя в CSSlightgreen
Hex#90ee90
RGBrgb(144, 238, 144)
HSLhsl(120 73% 75%)
HWBhwb(120 56% 7%)
CMYK39%, 0%, 39%, 7%

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

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

О светло-зелёном цвете

Светло-зелёный (lightgreen) — светлый, яркий зелёный цвет с HEX-кодом #90ee90, или rgb(144, 238, 144). В HSL его тон составляет 120°, насыщенность 73%, светлота 75%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lightgreen;.

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

СочетаниеКоэффициент контрастаWCAG
Светло-зелёный текст на белом1.42 : 1не проходит
Светло-зелёный текст на чёрном14.82 : 1AAA

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

CSS

.element {
  color: lightgreen;               /* or #90ee90 */
  background-color: #90ee90;
  border: 1px solid rgb(144 238 144 / 50%);
}

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

Бледно-зелёный (#98fb98), Тёмно-морской зелёный (#8fbc8f), Средний аквамариновый (#66cdaa), Аквамарин (#7fffd4), Тёмно-серый (#a9a9a9), Тёмный хаки (#bdb76b).

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

Какой HEX-код у светло-зелёного цвета?
#90ee90 — это rgb(144, 238, 144) и hsl(120, 73%, 75%). В CSS можно также просто написать lightgreen.
Читается ли светло-зелёный текст на белом фоне?
Коэффициент контраста на белом составляет 1.42 : 1, что не соответствует WCAG. Используйте такой цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются со светло-зелёным?
Его комплементарный цвет — #ee91ee; аналоговые цвета #bfee91 и #91eebf находятся рядом с ним на цветовом круге.