Зелений піксі

#C0D8B6
192, 216, 182 · 102°, 30%, 78%

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

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

Про колір Зелений піксі

Зелений піксі, він же #C0D8B6, сприймається як світлий і м’який, приглушений відтінок зеленого. На колірному колі він стоїть на 102°, між салатовим (90°) і зеленим (120°), трохи ближче до позначки 90°. У RGB він змішаний із червоного 192, зеленого 216 і синього 182 — це 75%, 85% і 71% від максимуму каналів, провідний канал — зелений. У термінах HSL це тон 102°, насиченість 30% і світлота 78%.

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

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

Світлий і делікатний Зелений піксі працює як фон або заливка бейджів і карток — з темним текстом зверху. За правилом 60-30-10 він найкраще підходить на роль основного кольору (ті самі 60%).

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

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

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

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

Зелений піксі як текст і фон

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

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

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

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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