Андроїдний зелений

#A4C639
164, 198, 57 · 74°, 55%, 50%

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

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

Про колір Андроїдний зелений

Андроїдний зелений, він же #A4C639, сприймається як середній за світлотою і соковитий відтінок лаймового. Його тон — 74°: це проміжок між жовтим на 60° і салатовим на 90°, ближче до 60°. У RGB він змішаний із червоного 164, зеленого 198 і синього 57 — це 64%, 78% і 22% від максимуму каналів, провідний канал — зелений. У термінах HSL це тон 74°, насиченість 55% і світлота 50%.

Він із теплої половини кола: візуально виступає вперед і робить макет ближчим та енергійнішим. Якщо Андроїдний зелений не зовсім підходить, погляньте на найближчі іменовані відтінки: Атлантида, Хвойний і Ключовий лаймовий пиріг. Точний додатковий колір до нього — #5A39C6, найближчий до нього іменований колір — Фіолетове серце.

Де використовувати Андроїдний зелений

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

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

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

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

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

Андроїдний зелений як текст і фон

На білому контраст лише 1,96:1, тож не набирайте текст кольором Андроїдний зелений на світлому фоні — використовуйте його як заливку. На чорному він дає 10,72:1 і проходить AAA — чудовий колір тексту для темних тем.

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

Андроїдний зелений на екрані та в друці

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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