О цвете «Тёмно-оранжевый»
Тёмно-оранжевый (darkorange) — средний насыщенный оранжевый цвет с HEX-кодом #ff8c00, или rgb(255, 140, 0). В HSL он имеет тон 33°, насыщенность 100% и светлоту 50%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: darkorange;.
Использование тёмно-оранжевого для текста и фонов
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Тёмно-оранжевый текст на белом | 2.33 : 1 | не проходит |
| Тёмно-оранжевый текст на чёрном | 9.00 : 1 | AAA |
На тёмно-оранжевом фоне используйте текст чёрного цвета (9.00 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно в проверке контраста.
CSS
.element {
color: darkorange; /* or #ff8c00 */
background-color: #ff8c00;
border: 1px solid rgb(255 140 0 / 50%);
}
Похожие именованные цвета
Оранжевый (#ffa500), Золотистый (#daa520), Шоколадный (#d2691e), Оранжево-красный (#ff4500), Тёмно-золотистый (#b8860b), Золотой (#ffd700).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.