#8FA187 Средний Зелёный

Q: Какой это цвет — #8FA187?

Средний Зелёный — это #8FA187, в верхнем регистре #8FA187. В RGB — rgb(143,161,135), в HSL примерно hsl(102 12% 58%), в OKLCH — oklch(0.687 0.042 136.0).

Q: Что символизирует Средний Зелёный?

Обычно он означает энергию, тепло и уверенность с оттенком церемонности. Местная культура меняет прочтение, поэтому проверьте контекст.

Q: Где используется Средний Зелёный?

Вы увидите его в Лендинги кампаний, Системы журнальных обложек, Этикетки упаковки продуктов, Акценты статусов на дашборде, Навигационные вывески в рознице, а также в медицина, финансы, сельское хозяйство, активный отдых.

Q: Какие цвета хорошо сочетаются с Средний Зелёный?

Приглушённые нейтрали, более тёмные ступени того же тона и один металлический акцент подходят хорошо. редакционные макеты, которым нужен один тёплый фокус; упаковка, которая должна выглядеть аппетитно без крика; интерфейсы, где акцент должен оставаться читаемым

Q: Как Средний Зелёный влияет на настроение?

Он повышает воспринимаемую энергию и быстро притягивает взгляд. Большие площади выглядят напряжённо, поэтому акцент надёжнее.

Q: Какие отрасли используют Средний Зелёный?

Он распространён в медицина, финансы, сельское хозяйство, активный отдых, особенно когда бренд хочет передать свежий, уравновешенный, здоровый, укоренённый, спокойный.

Q: Какова история Средний Зелёный?

История пигмента конкретна: Зелёный заимствует авторитет у листвы и обновления, легко переходя от медицинской чистоты к тишине глубокого леса. Глаз разбирает его без напряжения, поэтому он читается как равновесие.

Q: Как применять Средний Зелёный в дизайне?

Выделите один фокусный элемент, держите основной текст нейтральным и проверьте контраст 2.76 на белом и 6.85 на чёрном.

Q: Доступен ли Средний Зелёный?

Контраст составляет 2.76 на белом (FAIL) и 6.85 на чёрном (AA). Для крупного текста используйте его только при уровне AA.

Преобразование цвета

CMYK profile: Coated FOGRA39 · Запись следует CSS Color 4 и правилам контраста WCAG 2.2.

Об этом цвете

Средний ЗелёныйЗелёныйцифровой цвет

Рост с ровным пульсом

Средний Зелёный — это #8FA187, тон семейства Зелёный с ясным культурным происхождением. Сам по себе он читается как часть этого семейства; его корни (цифровой цвет) добавляют второй смысловой слой.

Совет дизайнеру

Сначала проверьте Средний Зелёный (#8FA187) на нейтральной поверхности: акцент из семейства Зелёный сделает его осознанным, а не декоративным.

Лучшее применение

Отдайте Средний Зелёный единственному элементу, который должен бросаться в глаза первым, а остальную палитру Зелёный оставьте ему в поддержку.

свежийуравновешенныйздоровыйукоренённыйспокойный

Психология

Как воспринимается

свежийуравновешенныйздоровыйукоренённыйспокойный

Психологический эффект

Средний Зелёный повышает воспринимаемую энергию композиции Зелёный и направляет взгляд к действию.

Эмоциональное воздействие

Он ощущается непосредственным и тёплым, поэтому оживляет сдержанную вёрстку, не делая её шумной.

Символика

Что означает

ростздоровье и устойчивость

Культурное значение

В контексте, связанном с цифровой цвет, тон несёт местные отсылки, поэтому до кампании проверьте его символику.

Положительные ассоциации

Положительные ассоциации тяготеют к рост, здоровье и устойчивость; потому он и появляется на приглашениях и в сезонных работах.

Осторожно в применении

Слишком большая площадь читается как зависть или тусклость при слишком низкой насыщенности, поэтому держите его в акцентах и малых полях.

Где встречается

Типичные задачи дизайна

Лендинги кампаний: Отдайте Средний Зелёный единственному элементу, который должен бросаться в глаза первым, а остальную палитру Зелёный оставьте ему в поддержку.
Системы журнальных обложек: Отдайте Средний Зелёный единственному элементу, который должен бросаться в глаза первым, а остальную палитру Зелёный оставьте ему в поддержку.
Этикетки упаковки продуктов: Отдайте Средний Зелёный единственному элементу, который должен бросаться в глаза первым, а остальную палитру Зелёный оставьте ему в поддержку.
Акценты статусов на дашборде: Отдайте Средний Зелёный единственному элементу, который должен бросаться в глаза первым, а остальную палитру Зелёный оставьте ему в поддержку.
Навигационные вывески в рознице: Отдайте Средний Зелёный единственному элементу, который должен бросаться в глаза первым, а остальную палитру Зелёный оставьте ему в поддержку.

Сочетание

Цвета, которые его дополняют

#A593ADредакционные макеты, которым нужен один тёплый фокус #5B6B53интерфейсы, где акцент должен оставаться читаемым #8A9CB5упаковка, которая должна выглядеть аппетитно без крика

История

Пигменты и происхождение

До синтетических красителей Средний Зелёный составляли из минеральных и растительных пигментов; семейство Зелёный зависело от охры, марены и индиго. Экраны сегодня воспроизводят его стабильнее любого отдельного пигмента.

Вариации

Тёмные ступени затемняют, светлые осветляют, а угол тона остаётся прежним.

Профессиональный совет: Тёмные ступени затемняют, светлые осветляют, а угол тона остаётся прежним.

Тёмные ступени

Более тёмные ступени в том же тоне.

0% #8FA187 10% #81917A 20% #72816C 30% #64715F 40% #566151 50% #485144 60% #394036 70% #2B3029 80% #1D201B 90% #0E100D 100% #000000

Светлые ступени

Более светлые ступени для поверхностей и фона.

0% #8FA187 10% #9AAA93 20% #A5B49F 30% #B1BDAB 40% #BCC7B7 50% #C7D0C3 60% #D2D9CF 70% #DDE3DB 80% #E9ECE7 90% #F4F6F3 100% #FFFFFF

Сценарии

Тёмные ступени → hover, shadows, depth
Светлые ступени → highlights, surfaces
Баланс → consistent color systems

Совет по дизайну

Достаточно одного ведущего тона, одного поддерживающего и одного акцента.

Цветовые сочетания

Вращайте цветовой круг, сохраняя светлоту.

Как использовать

Три шага сохраняют читаемость и осознанность цвета.

Почему работает

Перцептивное обоснование палитры.

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

Напротив в цветовом круге; контраст обостряет фокусный цвет.

#8FA187 #A593AD

Лучшее применение: Призывы к действию и акценты одной функции

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

Два соседа противоположного тона; мягче прямого контраста.

#8FA187 #9897B4 #AF90A0

Лучшее применение: Сбалансированные маркетинговые макеты с двумя акцентами

Триада

Три равноудалённых тона; живо, но нужен один ведущий голос.

#8FA187 #8A9CB5 #B49092

Лучшее применение: Айдентика событий и игривые журнальные развороты

Аналоговая

Соседние тоны круга; спокойно, цельно и легко читается взглядом.

#9E9D7E #8FA187 #82A395

Лучшее применение: Фоны, графики и спокойные страницы продукта

Монохромная

Один тон по ступеням светлоты; дисциплинированно и премиально.

#677461 #8FA187 #AEBBA9

Лучшее применение: Дизайн-системы, упаковка и типографическая иерархия

Тетрада

Две комплементарные пары; богато, но требует строгих пропорций.

#8FA187 #7CA3A3 #A593AD #B49092

Лучшее применение: Сложные дашборды и бренды с несколькими сервисами

Экспорт палитры

CSS

:root {
  --color-1: #566151;
  --color-2: #72816C;
  --color-3: #8FA187;
  --color-4: #A5B49F;
  --color-5: #BCC7B7;
}

Tailwind

colors: {
  color1: '#566151',
  color2: '#72816C',
  color3: '#8FA187',
  color4: '#A5B49F',
  color5: '#BCC7B7',
}

JSON

["#566151","#72816C","#8FA187","#A5B49F","#BCC7B7"]

Принципы

Баланс

Достаточно одного ведущего тона, одного поддерживающего и одного акцента.

Контраст

До релиза проверьте основной текст на белом и на чёрном.

Гармония

Вращайте цветовой круг, сохраняя светлоту.

Проверка контраста

До релиза проверьте основной текст на белом и на чёрном.

Цвет текста

Фон

2.76 :1

FAIL

Цитата

Контраст WCAG

Предпросмотр

Aa / Bb

#8FA187 · Средний Зелёный

Стандарты контраста WCAG

WCAG 2.2 задаёт минимальный контраст для текста и элементов интерфейса. #8FA187 даёт 2.76:1 к белому (FAIL) и 6.85:1 к чёрному (AA). Выберите порог по таблице ниже в зависимости от размера текста.

Уровень	Обычный текст	Крупный текст (18pt+ / 14pt жирный)	Иконки и элементы UI
AAA	7 : 1	4.5 : 1	—
AA	4.5 : 1	3 : 1	3 : 1
Не пройдено	< 4.5 : 1	< 3 : 1	< 3 : 1

Крупный текст — 18pt обычный или 14pt жирный. Элементам UI нужен контраст 3:1 с соседними цветами. AA — обычная база, AAA — усиленный уровень.

Технические форматы

Запись в цветовых пространствах

HEX

#8FA187

CSS Color 4

RGB

143,161,135

sRGB / D65

HSL

102,12,58

HSL

OKLCH

oklch(0.687 0.042 136.0)

perceptual

LAB

64,-11,11

CIE Lab

LCH

64,16,135

CIE LCH

XYZ

28,33,28

CIE XYZ

LUV

64,-9,18

CIE LUV

HWB

102,53,37

CSS HWB

CMYK

11,0,16,37

Практические форматы

Готовые значения

CSS

color: #8FA187;

custom properties

Tailwind

bg-[#8FA187] text-[#FFF]

arbitrary value

Android

#FF8FA187

ARGB

Flutter

Color(0xFF8FA187)

dart:ui

Photoshop

R 143 G 161 B 135 · C 11 M 0 Y 16 K 37

RGB / CMYK

CMYK 11,0,16,37

FOGRA39

Анализ цвета

Измеренные свойства цвета

Светлота

0.331

relative luminance · neutral

Контраст

2.76 : 1

vs white · FAIL · neutral

Контраст

6.85 : 1

vs black · AA · neutral

Тон

102°

saturation 12% · neutral

LCH

64,16,135

lightness 58% · neutral

ΔE

12.3

璆琳 #9EA6A0 · neutral

Симулятор дальтонизма

Как выглядит при нарушении цветового зрения

Как выглядит при нарушении цветового зрения · ΔE 12.3