Код цвета жёлто-зелёный (#9acd32)

Жёлто-зелёный — #9acd32 в HEX и rgb(154, 205, 50) — средний зелёный цвет. Ниже: все цветовые форматы, оттенки и тени, гармонии и то, насколько он читается как текст.

Обновлено

Жёлто-зелёный
#9acd32
Название в CSSyellowgreen
Hex#9acd32
RGBrgb(154, 205, 50)
HSLhsl(80 61% 50%)
HWBhwb(80 20% 20%)
CMYK25%, 0%, 76%, 20%

Оттенки и тени

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

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

Жёлто-зелёный (yellowgreen) — средний яркий зелёный цвет с HEX-кодом #9acd32 или rgb(154, 205, 50). В HSL он имеет тон 80°, насыщенность 61% и светлоту 50%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: yellowgreen;.

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

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

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

CSS

.element {
  color: yellowgreen;               /* or #9acd32 */
  background-color: #9acd32;
  border: 1px solid rgb(154 205 50 / 50%);
}

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

Зелёно-жёлтый (#adff2f), Тёмный хаки (#bdb76b), Газонный зелёный (#7cfc00), Шартрёз (#7fff00), Золотарник (#daa520), Оливково-серый (#6b8e23).

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

Какой HEX-код у жёлто-зелёного цвета?
#9acd32 — это rgb(154, 205, 50) и hsl(80, 61%, 50%). В CSS можно также просто написать yellowgreen.
Читается ли жёлто-зелёный текст на белом?
Коэффициент контрастности на белом — 1.88 : 1, что не проходит WCAG. Используйте его для декора или на тёмном фоне.
Какие цвета сочетаются с жёлто-зелёным?
Его комплементарный цвет — #6632cd; аналоговые цвета #cdb332 и #4ccd32 находятся рядом с ним на цветовом круге.