Код цвета Зелёно-жёлтый (#adff2f)

Зелёно-жёлтый — это #adff2f в HEX и rgb(173, 255, 47) — средний зелёный оттенок. Ниже: все цветовые форматы, оттенки и тона, гармонии и читаемость цвета в тексте.

Обновлено

Зелёно-жёлтый
#adff2f
Имя в CSSgreenyellow
Hex#adff2f
RGBrgb(173, 255, 47)
HSLhsl(84 100% 59%)
HWBhwb(84 18% 0%)
CMYK32%, 0%, 82%, 0%

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

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

О цвете Зелёно-жёлтый

Зелёно-жёлтый (greenyellow) — средний яркий зелёный цвет с HEX-кодом #adff2f, или rgb(173, 255, 47). В HSL он имеет тон 84°, насыщенность 100% и светлоту 59%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: greenyellow;.

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

ПараКоэффициент контрастаWCAG
Зелёно-жёлтый текст на белом1.23 : 1не проходит
Зелёно-жёлтый текст на чёрном17.12 : 1AAA

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

CSS

.element {
  color: greenyellow;               /* or #adff2f */
  background-color: #adff2f;
  border: 1px solid rgb(173 255 47 / 50%);
}

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

Желтовато-зелёный (#9acd32), Шартрез (#7fff00), Травяной зелёный (#7cfc00), Жёлтый (#ffff00), Тёмный хаки (#bdb76b), Золотарник (#daa520).

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

Какой HEX-код у зелёно-жёлтого цвета?
#adff2f — это rgb(173, 255, 47) и hsl(84, 100%, 59%). В CSS можно также просто написать greenyellow.
Читается ли зелёно-жёлтый текст на белом фоне?
Коэффициент контраста на белом — 1.23 : 1, что не соответствует WCAG. Используйте такой цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с зелёно-жёлтым?
Его дополнительный цвет — #822eff; аналоговые #ffea2e и #43ff2e находятся рядом с ним на цветовом круге.