Гіркий

#868974
134, 137, 116 · 69°, 8%, 50%

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

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

Про колір Гіркий

Гіркий (#868974) — середній за світлотою нейтральний колір майже без власного тону: його насиченість лише 8%. Канали RGB у нього майже рівні (134, 137, 116) — саме тому він виглядає нейтральним. У термінах HSL це тон 69°, насиченість 8% і світлота 50%.

Такі нейтральні кольори поєднуються майже з усім, а теплими чи холодними їх роблять кольори навколо. Якщо Гіркий не зовсім підходить, погляньте на найближчі іменовані відтінки: Бандикут, Гранітно-зелений і сірий бойового корабля.

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

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

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

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

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

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

Гіркий як текст і фон

На білому він дає лише 3,59:1 — годиться для заголовків і великого тексту (WCAG AA Large), але замало для абзаців. На чорному співвідношення 5,84:1 — достатньо для звичайного тексту в темній темі.

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

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

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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