Чорна оливка

#242E16
36, 46, 22 · 85°, 35%, 13%

Значення кольору

Натисніть на значення, щоб скопіювати

Про колір Чорна оливка

Чорна оливка, він же #242E16, сприймається як дуже темний і сіруватий відтінок зеленого. Його тон — 85°: це проміжок між жовтим на 60° і салатовим на 90°, ближче до 90°. Його RGB-рецепт — 36 / 46 / 22: головний тут зелений канал, а канали заповнені на 14%, 18% і 9%. Тим, хто мислить у HSL, він відомий як 85°, 35%, 13%.

Теплі кольори на кшталт цього наближаються до глядача: вони виглядають привітно, а у великих кількостях — гучно. Якщо Чорна оливка не зовсім підходить, погляньте на найближчі іменовані відтінки: Кряква, Зелений Водорість і Сільська хата. Навпроти на колі лежить #1F162D — це майже Міраж.

Де використовувати Чорна оливка

Чорна оливка темний, але явно кольоровий — добра основа для шапок, підвалів, фірмових блоків і темних тем. Якщо дотримуватися правила 60-30-10, віддайте йому роль другорядного кольору (30%).

Для інтерактивних станів зберігайте тон: #3E4F26 підійде для наведення чи натискання, а #F3F7EE — як блідий фоновий варіант.

Контраст і доступність

Чи читається текст цим кольором — за стандартом WCAG 2.1

На білому
14.21:1
WCAG AA WCAG AAA AA (великий текст)
На чорному
1.48:1
WCAG AA WCAG AAA AA (великий текст)
Як тло
14.21:1
WCAG AA WCAG AAA AA (великий текст)

Чорна оливка як текст і фон

На білому Чорна оливка дає контраст 14,21:1 — це рівень WCAG AAA навіть для дрібного тексту. На чорному співвідношення лише 1,48:1 — замало для тексту в темній темі.

Для тексту поверх кольору Чорна оливка перемагає білий з результатом 14,21:1. Що означають ці цифри, пояснює гід із контрасту WCAG.

Чорна оливка на екрані та в друці

Приблизне розкладання в CMYK — C 22% · M 0% · Y 52% · K 82%. За K 82% колір тримається переважно на чорній фарбі й друкується передбачувано. Докладніше — у нашій статті RGB і CMYK.

Колірні гармонії

Вісім класичних схем, побудованих на цьому відтінку

Монохроматична

Відкрити →

Аналогова

Відкрити →

Комплементарна

Відкрити →

Роздільно-комплементарна

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

Освітлені відтінки

Відкрити →

Затемнені відтінки

Відкрити →

Комплементарний колір

Комплементарний колір розташований точно навпроти на колірному колі. Така пара дає найсильніший можливий контраст, тому її природно використовувати для акцентів і кнопок дії.

Добре поєднується з

Пари, дібрані з каталогу за кутом гармонії

CSS-градієнти

48

48 варіацій: шість типів гармоній у восьми напрямках

Схожі відтінки

16 найближчих кольорів каталогу