Какао коричневий

#301F1E
48, 31, 30 · 3°, 23%, 15%

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

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

Про колір Какао коричневий

З кодом #301F1E колір Какао коричневий — це дуже темний, сіруватий відтінок червоного. Його тон — 3°, на колірному колі це практично чистий червоний. У RGB він змішаний із червоного 48, зеленого 31 і синього 30 — це 19%, 12% і 12% від максимуму каналів, провідний канал — червоний. У термінах HSL це тон 3°, насиченість 23% і світлота 15%.

Він із теплої половини кола: візуально виступає вперед і робить макет ближчим та енергійнішим. Найближчі родичі в каталозі — Затемнення, Зевс і Темний деревний Джон. Навпроти на колі лежить #1D2E2F — це майже Лісовий зелений.

Де використовувати Какао коричневий

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

Щоб побудувати стани навколо кольору Какао коричневий, візьміть #4E3331 для наведення і #F5F0EF для світлого фону.

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

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

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

Какао коричневий як текст і фон

На білому Какао коричневий дає контраст 15,67:1 — це рівень WCAG AAA навіть для дрібного тексту. На чорному контраст лише 1,34:1, тож для темного фону це не колір тексту.

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

Какао коричневий на екрані та в друці

У перерахунку на CMYK виходить приблизно C 0% · M 35% · Y 37% · K 81%. Основну роботу тут виконує чорна фарба (K 81%), тому колір стабільний від накладу до накладу. Докладніше — у нашій статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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