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

Колір темно-оливковий

Глибокий землистий оливково-зелений, одна з назв кольорів у HTML і CSS. Він м’якший за армійський зелений і дуже природний. Гарно виглядає в осінньому одязі та ботанічних мотивах.

Інші назви: dark olive green.

Відкрити в редакторі

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-olyvkovyi: #556B2F;
  --temno-olyvkovyi-rgb: 85, 107, 47;
}
.tlo { background-color: var(--temno-olyvkovyi); }
.tekst { color: var(--temno-olyvkovyi); }

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

Натуральна умбраПляшковий зеленийАвокадоТемно-зелений

Тематичні палітри з цим кольором

Aesthetic палітри кольорівОсінні палітри кольорівСередземноморські палітри кольорів

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

ЗеленийСмарагдовийЛаймовийОливковийМ’ятнийМоховийЛісовий зеленийНефритовийСосновийЯблучно-зеленийШавлієвийПляшковий зеленийАрмійський зеленийНеоновий зеленийФісташковийТрав’янийШартрезПастельний зеленийТемно-зеленийСвітло-зеленийЗелений прапора МексикиАвокадоСеладонПапоротевий
Зразок кольору Темно-оливковий з відтінками від світлого до темного · #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).