Затемнення

#311C17
49, 28, 23 · 12°, 36%, 14%

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

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

Про колір Затемнення

З кодом #311C17 колір Затемнення — це дуже темний, сіруватий відтінок коричневого. Його тон — 12°: це проміжок між червоним на 0° і помаранчевим на 30°, ближче до 0°. Його RGB-рецепт — 49 / 28 / 23: головний тут червоний канал, а канали заповнені на 19%, 11% і 9%. Тим, хто мислить у HSL, він відомий як 12°, 36%, 14%.

Теплі кольори на кшталт цього наближаються до глядача: вони виглядають привітно, а у великих кількостях — гучно. Якщо Затемнення не зовсім підходить, погляньте на найближчі іменовані відтінки: Какао коричневий, Тамаринд і Нафта. Точний додатковий колір до нього — #172B31, найближчий до нього іменований колір — Лісовий зелений.

Де використовувати Затемнення

Беріть Затемнення там, де чорний був би надто важким: панелі навігації, перші екрани й фон темної теми. За правилом 60-30-10 він найкраще підходить на роль другорядного кольору (30%).

Щоб побудувати стани навколо кольору Затемнення, візьміть #533027 для наведення і #F7EFEE для світлого фону.

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

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

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

Затемнення як текст і фон

На білому співвідношення 16,04:1: вистачає на WCAG AAA, тож Затемнення безпечний для тексту будь-якого розміру. На чорному співвідношення лише 1,31:1 — замало для тексту в темній темі.

Коли Затемнення слугує фоном, ставте на нього білий текст: контраст буде 16,04:1. Докладніше про співвідношення — у нашому розборі контрасту WCAG.

Затемнення на екрані та в друці

У перерахунку на CMYK виходить приблизно C 0% · M 43% · Y 53% · K 81%. За K 81% колір тримається переважно на чорній фарбі й друкується передбачувано. Чому екран і друк розходяться, ми розібрали у статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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