Код цвета «Тёмно-оливковый зелёный» (#556b2f)

Тёмно-оливковый зелёный — это #556b2f в HEX и rgb(85, 107, 47), тёмный зелёный цвет. Ниже: все форматы записи цвета, оттенки и тона, гармонии и то, насколько хорошо он читается как цвет текста.

Обновлено

Тёмно-оливковый зелёный
#556b2f
Имя в CSSdarkolivegreen
Hex#556b2f
RGBrgb(85, 107, 47)
HSLhsl(82 39% 30%)
HWBhwb(82 18% 58%)
CMYK21%, 0%, 56%, 58%

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

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

О цвете «Тёмно-оливковый зелёный»

Тёмно-оливковый зелёный (darkolivegreen) — тёмный зелёный цвет средней насыщенности с HEX-кодом #556b2f, или rgb(85, 107, 47). В HSL его тон равен 82°, насыщенность 39%, светлота 30%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: darkolivegreen;.

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

СочетаниеКоэффициент контрастностиWCAG
Текст тёмно-оливковый зелёный на белом5.95 : 1AA
Текст тёмно-оливковый зелёный на чёрном3.53 : 1AA только для крупного текста

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

CSS

.element {
  color: darkolivegreen;               /* or #556b2f */
  background-color: #556b2f;
  border: 1px solid rgb(85 107 47 / 50%);
}

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

Оливковый драб (#6b8e23), Тёмный сланцево-серый (#2f4f4f), Тусклый серый (#696969), Лесной зелёный (#228b22), Морской зелёный (#2e8b57), Оливковый (#808000).

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

Какой HEX-код у тёмно-оливкового зелёного?
#556b2f — это rgb(85, 107, 47) и hsl(82, 39%, 30%). В CSS можно также просто написать darkolivegreen.
Читается ли тёмно-оливковый зелёный текст на белом фоне?
Коэффициент контрастности на белом — 5.95 : 1, что соответствует уровню WCAG AA для обычного текста.
Какие цвета сочетаются с тёмно-оливковым зелёным?
Его дополнительный цвет — #452f6a; аналоговые цвета #6a622f и #376a2f находятся рядом с ним на цветовом круге.