Проросток

#C1D7B0
193, 215, 176 · 94°, 33%, 77%

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

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

Про колір Проросток

Проросток, він же #C1D7B0, сприймається як світлий і м’який, приглушений відтінок зеленого. Його тон — 94°: це проміжок між салатовим на 90° і зеленим на 120°, ближче до 90°. У RGB він змішаний із червоного 193, зеленого 215 і синього 176 — це 76%, 84% і 69% від максимуму каналів, провідний канал — зелений. У термінах HSL це тон 94°, насиченість 33% і світлота 77%.

Холодні кольори на кшталт цього відходять від глядача й читаються як спокійні, чисті та трохи відсторонені. Найближчі родичі в каталозі — Зелений піксі, Кориандр і Темний зелений чай. Навпроти на колі лежить #C7B1D8 — це майже Лавандово-Сірий.

Де використовувати Проросток

Проросток спокійний і дорослий. Він пасує до великих площ, журнальної верстки, пакування та інтер’єрів, де яскравий колір кричав би. Якщо дотримуватися правила 60-30-10, віддайте йому роль другорядного кольору (30%).

Щоб побудувати стани навколо кольору Проросток, візьміть #A7C78F для наведення і #F2F6EE для світлого фону.

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

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

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

Проросток як текст і фон

На білому контраст лише 1,54:1, тож не набирайте текст кольором Проросток на світлому фоні — використовуйте його як заливку. На чорному він дає 13,61:1 і проходить AAA — чудовий колір тексту для темних тем.

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

Проросток на екрані та в друці

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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