Бістр

#3D2B1F
61, 43, 31 · 24°, 33%, 18%

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

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

Про колір Бістр

Бістр (#3D2B1F) — дуже темний, м’який, приглушений відтінок коричневого. Його тон — 24°: це проміжок між червоним на 0° і помаранчевим на 30°, ближче до 30°. Його RGB-рецепт — 61 / 43 / 31: головний тут червоний канал, а канали заповнені на 24%, 17% і 12%. Тим, хто мислить у HSL, він відомий як 24°, 33%, 18%.

Теплі кольори на кшталт цього наближаються до глядача: вони виглядають привітно, а у великих кількостях — гучно. Найбільше на Бістр схожі Чорний марлін, Лісовий будиночок в тіні і Англійський горіх. Навпроти на колі лежить #1F313D — це майже Ебенова Глина.

Де використовувати Бістр

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

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

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

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

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

Бістр як текст і фон

На білому Бістр дає контраст 13,43:1 — це рівень WCAG AAA навіть для дрібного тексту. На чорному контраст лише 1,56:1, тож для темного фону це не колір тексту.

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

Бістр на екрані та в друці

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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