Грайливий Зелений

#DCEDB4
220, 237, 180 · 78°, 61%, 82%

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

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

Про колір Грайливий Зелений

Грайливий Зелений (#DCEDB4) — світлий, м’який, приглушений відтінок лаймового. Його тон — 78°: це проміжок між жовтим на 60° і салатовим на 90°, ближче до 90°. У RGB він змішаний із червоного 220, зеленого 237 і синього 180 — це 86%, 93% і 71% від максимуму каналів, провідний канал — зелений. У термінах HSL це тон 78°, насиченість 61% і світлота 82%.

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

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

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

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

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

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

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

Грайливий Зелений як текст і фон

На білому співвідношення падає до 1,25:1 — замало для будь-якого тексту. На світлих сторінках Грайливий Зелений має бути фоном, а не кольором тексту. На чорному співвідношення 16,82:1, із запасом вище AAA.

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

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

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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