Цветовые палитры

Цвет «тёмно-оранжевый»

Сильный, полный оранжевый, входящий в число именованных цветов HTML и CSS. Несмотря на название, он довольно яркий. Часто используется на кнопках сайтов, в предупреждающих знаках и энергичном брендинге.

Другие названия: dark orange, насыщенный оранжевый.

Открыть в редакторе

HEX-код цвета «тёмно-оранжевый» — #FF8C00. В RGB это rgb(255, 140, 0), в HSL — hsl(33, 100%, 50%), а в CMYK — 0, 45, 100, 0.

Как это выглядит на самом деле

Выберите цвет для сочетания и посмотрите, как он выглядит в одежде, интерьере и дизайне.

Цвета, похожие на цвет «тёмно-оранжевый»

Мандариновый#F28500Оранжевый#FF8000Морковный#ED9121Тыквенный#FF7518Календула#EAA221Манговый#FF8243

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

Цвет «тёмно-оранжевый» (#FF8C00) — тёплый, средней светлоты и очень насыщенный. Он относится к группе оттенки оранжевого. Он состоит из 255 частей красного, 140 — зелёного и 0 — синего (из 255). Типичное применение: Веб, Айдентика, Брендинг.

Тёмно-оранжевый: образец цвета с оттенками от светлого до тёмного · #FF8C00
Тёмно-оранжевый · #FF8C00

Оттенки цвета «тёмно-оранжевый»: светлые и тёмные

От самого светлого к самому тёмному. Нажми на оттенок и скопируй его код.

Показать все оттенки: Генератор оттенков цвета

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

Сочетания по цветовому кругу. Больше — в инструменте гармония цветов.

КомплементарнаяБлизко к: Электрик
АналоговыеБлизко к: Красный, Жёлтый
ТриадаБлизко к: Весенний зелёный, Фиолетовый
Расщеплённая комплементарнаяБлизко к: Лазурный, Синий
ТетрадаБлизко к: Неоново-зелёный, Электрик, Маджента

Палитры с цветом «тёмно-оранжевый»

Скопируй коды или открой палитру в редакторе и настрой её.

Палитра: Монохромная · Тёмно-оранжевый
Палитра: Аналоговая · Тёмно-оранжевый
Палитра: Комплементарная · Тёмно-оранжевый
Палитра: Триада · Тёмно-оранжевый
Палитра: С нейтральными цветами · Тёмно-оранжевый
Палитра: С акцентом · Тёмно-оранжевый

Контраст цвета «тёмно-оранжевый» с текстом

Белый текстКонтраст 2.3:1 · Не рекомендуется
Чёрный текстКонтраст 9.0:1 · AAA

По правилам WCAG 2.1. Другие пары проверь в проверке контраста.

CSS-код

:root {
  --temno-oranzhevyy: #FF8C00;
  --temno-oranzhevyy-rgb: 255, 140, 0;
}
.фон { background-color: var(--temno-oranzhevyy); }
.текст { color: var(--temno-oranzhevyy); }

Цвета, похожие на цвет «тёмно-оранжевый»

КоричныйОранжевый хурмаОхраПастельно-оранжевый

Тематические палитры с этим цветом

Цветовые палитры для ХэллоуинаЦветовые палитры Дня мёртвыхВесёлые цветовые палитры

Другие: оттенки оранжевого

ОранжевыйМандариновыйТыквенныйМорковныйАбрикосовыйПерсиковыйКоралловыйТерракотаЖжёный оранжевыйЛососевыйРжавыйМедныйНеоново-оранжевыйПастельно-оранжевыйКрасно-оранжевыйМанговыйДынныйОранжевый хурмаСветло-лососевыйЖжёная сиенаКораллово-розовый
Тёмно-оранжевый: образец цвета с оттенками от светлого до тёмного · #FF8C00
Тёмно-оранжевый: образец цвета с оттенками от светлого до тёмного · #FF8C00

Попробуй также

Палитра цветов из имениНапиши имя и получи собственную палитру цветовУзор из цветов дня рожденияКлетка и полоски из дней рождения всей семьиЦветотип по селфиУзнай свой сезон и лучшие цвета по одному фото
Все бесплатные инструменты →

Частые вопросы

Какой код у цвета «тёмно-оранжевый»?

HEX-код цвета «тёмно-оранжевый» — #FF8C00. В RGB это rgb(255, 140, 0), в HSL — hsl(33, 100%, 50%), а в CMYK — 0, 45, 100, 0.

Какой цвет дополняет цвет «тёмно-оранжевый»?

Дополнительный цвет на цветовом круге — #0073FF, оттенок, близкий к цвету «электрик». В небольшом количестве он служит акцентом и даёт сильный контраст.

Можно ли использовать белый текст на цвете «тёмно-оранжевый»?

Лучше используй чёрный текст: контраст с белым всего 2.3:1, а с чёрным — 9.0:1.