Код цвета Тёмно-оранжевый (#ff8c00)

Тёмно-оранжевый — #ff8c00 в HEX и rgb(255, 140, 0), средний оранжевый оттенок. Ниже вы найдёте все форматы записи цвета, оттенки и тона, гармонии и информацию о читаемости текста.

Обновлено

Тёмно-оранжевый
#ff8c00
Имя в CSSdarkorange
Hex#ff8c00
RGBrgb(255, 140, 0)
HSLhsl(33 100% 50%)
HWBhwb(33 0% 0%)
CMYK0%, 45%, 100%, 0%

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

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

О цвете «Тёмно-оранжевый»

Тёмно-оранжевый (darkorange) — средний насыщенный оранжевый цвет с HEX-кодом #ff8c00, или rgb(255, 140, 0). В HSL он имеет тон 33°, насыщенность 100% и светлоту 50%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: darkorange;.

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

СочетаниеКоэффициент контрастаWCAG
Тёмно-оранжевый текст на белом2.33 : 1не проходит
Тёмно-оранжевый текст на чёрном9.00 : 1AAA

На тёмно-оранжевом фоне используйте текст чёрного цвета (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-код у тёмно-оранжевого цвета?
#ff8c00 — это rgb(255, 140, 0) и hsl(33, 100%, 50%). В CSS можно также просто написать darkorange.
Читается ли тёмно-оранжевый текст на белом фоне?
Коэффициент контраста на белом составляет 2.33 : 1, что не проходит требования WCAG. Лучше используйте такой цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с тёмно-оранжевым?
Его дополнительный цвет — #0073ff; аналоговые цвета #ff0d00 и #f2ff00 находятся рядом с ним на цветовом круге.