Палітри кольорів

Колір оливковий

Натхненний зеленими оливками. Це приглушений зелений з жовтою та коричневою основою. Він базовий для військового стилю, курток і декору в землистих тонах.

Оливковий · #808000

Колір оливковий: основні дані

Колір оливковий (#808000) — теплий, темний і дуже насичений. Належить до групи: відтінки зеленого. Складається з 128 червоного, 128 зеленого й 0 синього (за шкалою до 255). Де його найчастіше використовують: Мода, Декор, Уніформа.

Колір оливковий: світлі й темні відтінки

Від найсвітлішого до найтемнішого. Натисніть відтінок, щоб скопіювати його код.

Кольори, що поєднуються з кольором оливковий

ГірчичнийОбидва мають жовту основу й разом створюють осінній настрій.ТеракотовийЗемлисто-червоний контрастує із зеленим, але не сперечається з ним.БежевийПом’якшує оливковий і дає природний, чистий вигляд.Молочно-білийДодає світла без холодності чистого білого.КемелПідсилює повсякденний стиль сафарі.Темно-синійТемний і елегантний контраст холодного й теплого тонів.Пудрово-рожевийПриглушений рожевий урівноважує землистість оливкового.КавовийДодає природної глибини, ідеальний у шкірі та дереві.
Як поєднувати колір оливковий в одязі та інтер’єрі →

Колір оливковий: колірні гармонії

Поєднання на основі колірного кола. Більше в інструменті гармонія кольорів.

КомплементарнаБлизький до: Темно-синій
АналоговіБлизький до: Шоколадний, Зелений
ТріадаБлизький до: Синьо-зелений, Пурпуровий
Розщеплена комплементарнаБлизький до: Ультрафіолетовий, Індиго
ТетрадаБлизький до: Нефритовий, Темно-синій, Бордовий

Колір оливковий: готові палітри

Скопіюйте коди або відкрийте палітру в редакторі, щоб налаштувати її.

Палітра Монохромна · Оливковий
Палітра Аналогова · Оливковий
Палітра Комплементарна · Оливковий
Палітра Тріада · Оливковий
Палітра З нейтральними · Оливковий
Палітра З акцентом · Оливковий

Колір оливковий: контраст із текстом

Білий текстКонтраст 4.2:1 · AA великий текст
Чорний текстКонтраст 5.0:1 · AA

Згідно з настановами WCAG 2.1. Інші пари перевірте в інструменті перевірка контрасту.

CSS-код

:root {
  --olyvkovyi: #808000;
  --olyvkovyi-rgb: 128, 128, 0;
}
.tlo { background-color: var(--olyvkovyi); }
.tekst { color: var(--olyvkovyi); }

Кольори, схожі на колір оливковий

Старе золотоМоховийКарамельнийЯблучно-зеленийАрмійський зеленийГірчичнийФісташковийМедовийМіднийКемел

Інші відтінки зеленого

ЗеленийСмарагдовийЛаймовийМ’ятнийМоховийЛісовий зеленийНефритовийСосновийЯблучно-зеленийШавлієвийПляшковий зеленийАрмійський зеленийНеоновий зеленийФісташковийТрав’янийШартрезПастельний зеленийТемно-зеленийСвітло-зеленийЗелений прапора Мексики

Часті запитання

Який код кольору оливковий?

HEX-код кольору оливковий — #808000. У RGB це rgb(128, 128, 0), у HSL — hsl(60, 100%, 25%), а в CMYK — 0, 0, 100, 50.

Який колір комплементарний до кольору оливковий?

Комплементарний колір на колірному колі — #000080, відтінок, близький до кольору «темно-синій». У невеликій кількості він працює як акцент і дає сильний контраст.

Чи можна використовувати білий текст на кольорі оливковий?

Краще використовуйте чорний текст: контраст із білим лише 4.2:1, а з чорним — 5.0:1.

З якими кольорами поєднується колір оливковий?

Добре поєднується з такими кольорами: гірчичний, теракотовий, бежевий, молочно-білий, кемел. Не ставте поруч неоновий чи лаймовий зелений: вони конкурують, і оливковий здається брудним. Не зловживайте й чорним, бо він робить образ тьмяним.