Латунний

#B5A642
181, 166, 66 · 52°, 47%, 48%

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

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

Про колір Латунний

З кодом #B5A642 колір Латунний — це середній за світлотою, помірно насичений відтінок жовтого. Його тон — 52°: це проміжок між помаранчевим на 30° і жовтим на 60°, ближче до 60°. У RGB він змішаний із червоного 181, зеленого 166 і синього 66 — це 71%, 65% і 26% від максимуму каналів, провідний канал — червоний. У термінах HSL це тон 52°, насиченість 47% і світлота 48%.

Він із теплої половини кола: візуально виступає вперед і робить макет ближчим та енергійнішим. Якщо Латунний не зовсім підходить, погляньте на найближчі іменовані відтінки: Роті, Оболонка і Клин трави. Точний додатковий колір до нього — #4150B4, найближчий до нього іменований колір — Лазурово-синій.

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

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

Щоб побудувати стани навколо кольору Латунний, візьміть #C6B962 для наведення і #F8F7EC для світлого фону.

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

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

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

Латунний як текст і фон

На білому контраст лише 2,47:1, тож не набирайте текст кольором Латунний на світлому фоні — використовуйте його як заливку. На чорному він дає 8,50:1 і проходить AAA — чудовий колір тексту для темних тем.

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

Латунний на екрані та в друці

У перерахунку на CMYK виходить приблизно C 0% · M 8% · Y 64% · K 29%. Він добре вкладається в можливості чотирифарбового друку, тож відбиток буде близьким до екрана. Чому екран і друк розходяться, ми розібрали у статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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