Зелений піксі
Значення кольору
Натисніть на значення, щоб скопіювати
Про колір Зелений піксі
Зелений піксі, він же #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 — замало для будь-якого тексту. На світлих сторінках Зелений піксі має бути фоном, а не кольором тексту. На чорному співвідношення 13,74:1, із запасом вище AAA.
Для тексту поверх кольору Зелений піксі перемагає чорний з результатом 12,35:1. Що означають ці цифри, пояснює гід із контрасту WCAG.
Зелений піксі на екрані та в друці
У перерахунку на CMYK виходить приблизно C 11% · M 0% · Y 16% · K 15%. Він добре вкладається в можливості чотирифарбового друку, тож відбиток буде близьким до екрана. Чому екран і друк розходяться, ми розібрали у статті RGB і CMYK.
Колірні гармонії
Вісім класичних схем, побудованих на цьому відтінку
Монохроматична
Відкрити →Аналогова
Відкрити →Комплементарна
Відкрити →Роздільно-комплементарна
Відкрити →Тріадична
Відкрити →Тетрадична
Відкрити →Освітлені відтінки
Відкрити →Затемнені відтінки
Відкрити →Комплементарний колір
Комплементарний колір розташований точно навпроти на колірному колі. Така пара дає найсильніший можливий контраст, тому її природно використовувати для акцентів і кнопок дії.
Добре поєднується з
Пари, дібрані з каталогу за кутом гармонії
CSS-градієнти
4848 варіацій: шість типів гармоній у восьми напрямках
Схожі відтінки
16 найближчих кольорів каталогу