Шкіра буйвола

#F0DC82
240, 220, 130 · 49°, 79%, 73%

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

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

Про колір Шкіра буйвола

Шкіра буйвола (#F0DC82) — світлий, помірно насичений відтінок жовтого. Його тон — 49°: це проміжок між помаранчевим на 30° і жовтим на 60°, ближче до 60°. У RGB він змішаний із червоного 240, зеленого 220 і синього 130 — це 94%, 86% і 51% від максимуму каналів, провідний канал — червоний. У термінах HSL це тон 49°, насиченість 79% і світлота 73%.

Теплі кольори на кшталт цього наближаються до глядача: вони виглядають привітно, а у великих кількостях — гучно. Найближчі родичі в каталозі — Лляний, Золотий пісок і Сахарський Пісок. Навпроти на колі лежить #8498F1 — це майже Портage.

Де використовувати Шкіра буйвола

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

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

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

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

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

Шкіра буйвола як текст і фон

На білому співвідношення падає до 1,38:1 — замало для будь-якого тексту. На світлих сторінках Шкіра буйвола має бути фоном, а не кольором тексту. На чорному він дає 15,26:1 і проходить AAA — чудовий колір тексту для темних тем.

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

Шкіра буйвола на екрані та в друці

Приблизне розкладання в CMYK — C 0% · M 8% · Y 46% · K 6%. Він добре вкладається в можливості чотирифарбового друку, тож відбиток буде близьким до екрана. Докладніше — у нашій статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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