Код цвета Lawn Green (#7cfc00)

Lawn Green — это #7cfc00 в HEX и rgb(124, 252, 0), средний зелёный цвет. Ниже: все цветовые форматы, оттенки и тона, гармонии и читаемость текста.

Обновлено

Lawn Green
#7cfc00
Название в CSSlawngreen
HEX#7cfc00
RGBrgb(124, 252, 0)
HSLhsl(90 100% 49%)
HWBhwb(90 0% 1%)
CMYK51%, 0%, 100%, 1%

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

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

О цвете Lawn Green

Lawn Green (lawngreen) — средний яркий зелёный цвет с HEX-кодом #7cfc00, или rgb(124, 252, 0). В HSL он имеет оттенок 90°, насыщенность 100% и светлоту 49%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lawngreen;.

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

СочетаниеКоэффициент контрастаWCAG
Текст Lawn Green на белом1.33 : 1не проходит
Текст Lawn Green на чёрном15.78 : 1AAA

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

CSS

.element {
  color: lawngreen;               /* or #7cfc00 */
  background-color: #7cfc00;
  border: 1px solid rgb(124 252 0 / 50%);
}

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

Шартрез (#7fff00), Зелёно-жёлтый (#adff2f), Жёлто-зелёный (#9acd32), Лаймово-зелёный (#32cd32), Оливково-серый (#6b8e23), Лайм (#00ff00).

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

Какой HEX-код у газонно-зелёного цвета?
#7cfc00 — это rgb(124, 252, 0) и hsl(90, 100%, 49%). В CSS можно также написать просто lawngreen.
Читается ли текст газонно-зелёного цвета на белом?
Коэффициент контраста на белом — 1.33 : 1, что не соответствует WCAG. Используйте этот цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с газонно-зелёным?
Комплементарный цвет — #7d00fa; аналоговые цвета #fafa00 и #00fa00 находятся рядом с ним на цветовом круге.