Гіркий
Значення кольору
Натисніть на значення, щоб скопіювати
Про колір Гіркий
Гіркий (#868974) — середній за світлотою нейтральний колір майже без власного тону: його насиченість лише 8%. Канали RGB у нього майже рівні (134, 137, 116) — саме тому він виглядає нейтральним. У термінах HSL це тон 69°, насиченість 8% і світлота 50%.
Такі нейтральні кольори поєднуються майже з усім, а теплими чи холодними їх роблять кольори навколо. Якщо Гіркий не зовсім підходить, погляньте на найближчі іменовані відтінки: Бандикут, Гранітно-зелений і сірий бойового корабля.
Де використовувати Гіркий
Гіркий виконує непомітну роботу інтерфейсу: рамки, другорядний текст, іконки, плейсхолдери й неактивні елементи. За правилом 60-30-10 він найкраще підходить на роль другорядного кольору (30%).
Для інтерактивних станів зберігайте тон: #9FA191 підійде для наведення чи натискання, а #F3F3F1 — як блідий фоновий варіант.
Контраст і доступність
Чи читається текст цим кольором — за стандартом WCAG 2.1
Гіркий як текст і фон
На білому він дає лише 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-градієнти
4848 варіацій: шість типів гармоній у восьми напрямках
Схожі відтінки
16 найближчих кольорів каталогу