О цвете «Тёмно-оливковый зелёный»
Тёмно-оливковый зелёный (darkolivegreen) — тёмный зелёный цвет средней насыщенности с HEX-кодом #556b2f, или rgb(85, 107, 47). В HSL его тон равен 82°, насыщенность 39%, светлота 30%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: darkolivegreen;.
Использование тёмно-оливкового зелёного для текста и фона
| Сочетание | Коэффициент контрастности | WCAG |
|---|---|---|
| Текст тёмно-оливковый зелёный на белом | 5.95 : 1 | AA |
| Текст тёмно-оливковый зелёный на чёрном | 3.53 : 1 | AA только для крупного текста |
На тёмно-оливковом зелёном фоне используйте белый текст (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-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.