Зелений туман

#CBD3B0
203, 211, 176 · 74°, 28%, 76%

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

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

Про колір Зелений туман

Зелений туман (#CBD3B0) — світлий, м’який, приглушений відтінок лаймового. Його тон — 74°: це проміжок між жовтим на 60° і салатовим на 90°, ближче до 60°. У RGB це 203 / 211 / 176, тобто 80%, 83% і 69% кожного каналу, причому два найсильніші канали майже рівні. Тим, хто мислить у HSL, він відомий як 74°, 28%, 76%.

Він із теплої половини кола: візуально виступає вперед і робить макет ближчим та енергійнішим. Найбільше на Зелений туман схожі Кориандр, Проросток і Туманний Сірий. Навпроти на колі лежить #B9B1D3 — це майже Лавандово-Сірий.

Де використовувати Зелений туман

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

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

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

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

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

Зелений туман як текст і фон

На білому контраст лише 1,56:1, тож не набирайте текст кольором Зелений туман на світлому фоні — використовуйте його як заливку. На чорному співвідношення 13,48:1, із запасом вище AAA.

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

Зелений туман на екрані та в друці

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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