Спаржевий

#7BA05B
123, 160, 91 · 92°, 27%, 49%

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

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

Про колір Спаржевий

Спаржевий, він же #7BA05B, сприймається як середній за світлотою і помірно насичений відтінок зеленого. Його тон — 92°, на колірному колі це практично чистий салатовий. У RGB він змішаний із червоного 123, зеленого 160 і синього 91 — це 48%, 63% і 36% від максимуму каналів, провідний канал — зелений. У термінах HSL це тон 92°, насиченість 27% і світлота 49%.

Він із холодної половини кола: візуально відступає назад і слугує спокійною основою для великих площ. Найближчі родичі в каталозі — Челсі Огірок, Гірське Передмістя і Авокадо. Точний додатковий колір до нього — #7F5B9F, найближчий до нього іменований колір — Потоп.

Де використовувати Спаржевий

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

Щоб побудувати стани навколо кольору Спаржевий, візьміть #95B37A для наведення і #F2F6EF для світлого фону.

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

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

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

Спаржевий як текст і фон

На білому співвідношення падає до 2,99:1 — замало для будь-якого тексту. На світлих сторінках Спаржевий має бути фоном, а не кольором тексту. На чорному співвідношення 7,02:1, із запасом вище AAA.

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

Спаржевий на екрані та в друці

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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