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

Цвет «тёмно-оливковый»

Глубокий землистый оливково-зелёный из именованных цветов HTML и CSS. Мягче армейского зелёного. Любим для курток, одежды для активного отдыха и природных интерьеров.

Другие названия: тёмный оливково-зелёный, зелёный хаки.

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

HEX-код цвета «тёмно-оливковый» — #556B2F. В RGB это rgb(85, 107, 47), в HSL — hsl(82, 39%, 30%), а в CMYK — 21, 0, 56, 58.

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

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

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

Папоротниковый#4F7942Армейский зелёный#4B5320Охотничий зелёный#355E3BМоховой#8A9A5BМорской зелёный#2E8B57Мексиканский зелёный#006847

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

Цвет «тёмно-оливковый» (#556B2F) — на границе тёплого и холодного, тёмный и средней насыщенности. Он относится к группе оттенки зелёного. Он состоит из 85 частей красного, 107 — зелёного и 47 — синего (из 255). Типичное применение: Мода, Активный отдых, Интерьер.

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

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

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

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

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

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

КомплементарнаяБлизко к: Ультрафиолетовый
АналоговыеБлизко к: Армейский зелёный, Папоротниковый
ТриадаБлизко к: Петролевый, Тирский пурпур
Расщеплённая комплементарнаяБлизко к: Ультрафиолетовый, Сливовый
ТетрадаБлизко к: Сосновый зелёный, Ультрафиолетовый, Винный

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

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

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

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

Белый текстКонтраст 5.9:1 · AA
Чёрный текстКонтраст 3.5:1 · AA крупный текст

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

CSS-код

:root {
  --temno-olivkovyy: #556B2F;
  --temno-olivkovyy-rgb: 85, 107, 47;
}
.фон { background-color: var(--temno-olivkovyy); }
.текст { color: var(--temno-olivkovyy); }

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

Натуральная умбраБутылочно-зелёныйАвокадоТёмно-зелёный

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

Эстетичные цветовые палитрыОсенние цветовые палитрыСредиземноморские палитры

Другие: оттенки зелёного

ЗелёныйИзумрудныйЛаймовыйОливковыйМятныйМоховойЛесной зелёныйНефритовыйСосновый зелёныйЯблочно-зелёныйШалфейныйБутылочно-зелёныйАрмейский зелёныйНеоново-зелёныйФисташковыйТравянисто-зелёныйШартрёзПастельно-зелёныйТёмно-зелёныйСветло-зелёныйМексиканский зелёныйАвокадоСеладоновыйПапоротниковый
Тёмно-оливковый: образец цвета с оттенками от светлого до тёмного · #556B2F
Тёмно-оливковый: образец цвета с оттенками от светлого до тёмного · #556B2F

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

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

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

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

HEX-код цвета «тёмно-оливковый» — #556B2F. В RGB это rgb(85, 107, 47), в HSL — hsl(82, 39%, 30%), а в CMYK — 21, 0, 56, 58.

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

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

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

Да. Контраст с белым — 5.9:1, этого достаточно для обычного текста (WCAG AA).