Спаржа

#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 вариаций: шесть типов гармоний в восьми направлениях

Комплементарный 0°
Комплементарный 45°
Комплементарный 90°
Комплементарный 135°
Комплементарный 180°
Комплементарный 225°
Комплементарный 270°
Комплементарный 315°
Аналоговый 0°
Аналоговый 45°
Аналоговый 90°
Аналоговый 135°
Аналоговый 180°
Аналоговый 225°
Аналоговый 270°
Аналоговый 315°
Триадический 0°
Триадический 45°
Триадический 90°
Триадический 135°
Триадический 180°
Триадический 225°
Триадический 270°
Триадический 315°
Светлый 0°
Светлый 45°
Светлый 90°
Светлый 135°
Светлый 180°
Светлый 225°
Светлый 270°
Светлый 315°
Тёмный 0°
Тёмный 45°
Тёмный 90°
Тёмный 135°
Тёмный 180°
Тёмный 225°
Тёмный 270°
Тёмный 315°
Раздельно-комплементарный 0°
Раздельно-комплементарный 45°
Раздельно-комплементарный 90°
Раздельно-комплементарный 135°
Раздельно-комплементарный 180°
Раздельно-комплементарный 225°
Раздельно-комплементарный 270°
Раздельно-комплементарный 315°

Похожие оттенки

16 ближайших цветов каталога