Спеція

#6A442E
106, 68, 46 · 22°, 39%, 30%

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

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

Про колір Спеція

З кодом #6A442E колір Спеція — це темний, м’який, приглушений відтінок коричневого. Його тон — 22°: це проміжок між червоним на 0° і помаранчевим на 30°, ближче до 30°. У RGB він змішаний із червоного 106, зеленого 68 і синього 46 — це 42%, 27% і 18% від максимуму каналів, провідний канал — червоний. У термінах HSL це тон 22°, насиченість 39% і світлота 30%.

Він із теплої половини кола: візуально виступає вперед і робить макет ближчим та енергійнішим. Якщо Спеція не зовсім підходить, погляньте на найближчі іменовані відтінки: Квінсі, Маринована Фасоля і Старий Мідь. Точний додатковий колір до нього — #2F546A, найближчий до нього іменований колір — Сан-Хуан.

Де використовувати Спеція

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

Щоб побудувати стани навколо кольору Спеція, візьміть #8E5B3E для наведення і #F7F1ED для світлого фону.

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

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

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

Спеція як текст і фон

На білому Спеція дає контраст 8,47:1 — це рівень WCAG AAA навіть для дрібного тексту. На чорному контраст лише 2,48:1, тож для темного фону це не колір тексту.

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

Спеція на екрані та в друці

Приблизне розкладання в CMYK — C 0% · M 36% · Y 57% · K 58%. Він спокійно вміщується в охоплення CMYK і надрукується близько до того, що видно на відкаліброваному моніторі. Чому екран і друк розходяться, ми розібрали у статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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