Colorage

Пыльные джинсы (Dusty Denim)

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

HEX #5D89BA

RGB rgb(93, 137, 186)

HSL hsl(212, 40%, 55%)

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

Конвертация

HEX5D89BA
RGB93, 137, 186
CMYK50, 26, 0, 27
HSB211.61, 50, 72.94
HSL212, 40, 55
LAB56, -1, -30
XYZ22.3, 23.8, 49.9
LCH56, 30, 268
LUV56, -21, -46
HWB212, 36, 27

О цвете "Пыльные джинсы"

Узнайте о психологии цвета, его значении и практическом применении в дизайне.

Описание

Цвет «Пыльный деним» — это приглушенный, средне-синий оттенок с примесью серого, который придает ему потертый, расслабленный вид. Это создает спокойную и располагающую атмосферу.

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

Этот цвет, часто встречающийся в моде и в дизайне пользовательского интерфейса, передает ощущение надежности.

Психология

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

  • Доверять. Распространено в профессиональной среде.
  • Спокойствие. Способствует созданию расслабленной атмосферы.
  • Надежность. Воспринимается как надежный и безопасный.
  • Мудрость. Символизирует опыт и знания.
  • Современность. Используется в технологически ориентированных контекстах для создания свежего, но в то же время знакомого ощущения.

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

Значение

Во многих культурах сине-серые оттенки символизируют мир, надежность и самоанализ.

  • Стабильность. Олицетворяет собой уверенное присутствие на земле.
  • Формальность. Часто ассоциируется с униформой и официальной одеждой.
  • Нейтралитет. Воспринимается как беспристрастный и объективный.
  • Трезвость. Избегает легкомыслия, используется в мрачной обстановке.
  • Защита. Связано с обеспечением сохранности (на основе истории джинсовой ткани).

Благодаря широкой популярности это не вызывающий споров и гармоничный выбор.

Почему используется именно этот цвет?

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

  • Профессионализм. Отлично подходит для корпоративного брендинга.
  • Спокойствие. Используется в пользовательских интерфейсах в сфере оздоровления и здравоохранения.
  • Доступность. Отлично подходит для экранов адаптации новых пользователей.
  • Читабельность. Лучше подходит для наложений или кнопок.
  • Универсальность. Привлекает широкую демографическую группу.

Его сдержанная элегантность придает визуальному ряду актуальность и надежность.

Приложения

Этот оттенок хорошо подходит для веб-дизайна, брендинга и фона документов. Он уместен для финтех- или SaaS-платформ и создает профессиональный тон в B2B-маркетинге.

  • Заголовки. Придаёт целевым страницам солидность.
  • Компоненты пользовательского интерфейса. Кнопки или вкладки, выделенные этим синим цветом, обеспечивают наглядность.
  • Фоны. Добавляет глубины, не отвлекая внимания.
  • Печать. Профессиональные визитки или годовые отчеты.
  • Мода. Для гардероба в стиле smart-casual.

Используйте с белыми, светло-серыми или дополнительными яркими оттенками.

История

Использование сине-серых оттенков в визуальном дизайне имеет давнюю традицию, восходящую к военной форме и рабочей одежде. Джинсовая ткань, в частности, стала культовой с появлением синих джинсов в XIX веке.

В течение XX века эта цветовая гамма использовалась в индустриальном и интерьерном дизайне благодаря своей сдержанности. В цифровую эпоху такие оттенки приобрели популярность в UX-дизайне благодаря своей читаемости и нейтральности.

Этот вариант, неподвластный времени, сочетает в себе как классический, так и современный стиль.

Доступность

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

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

Для критически важной информации используйте контрастные цвета.

Похожие цвета

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

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

Оттенки и тона

Оттенки

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

Осветленные оттенки

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

Тона

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

Оттенки по цветовому кругу

Оттенок (hue) — это базовое семейство цвета от красного до фиолетового. Здесь показаны вариации базового цвета на цветовом круге.

Цветовые гармонии

Цветовые гармонии — это приятные цветовые схемы, созданные в соответствии с их положением на цветовом круге

Аналогичные

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

Дополнительный

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

Разделенный комплементарный

Раздельно-комплементарные цветовые схемы похожи на комплементарные, но используют два диагональных цвета комплемента. Они более гибкие, чем комплементарные.

Триадический

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

Тетрадический

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

Квадрат

Квадратные цветовые схемы похожи на тетрады, расположенные в квадрате, а не в прямоугольнике. Цвета кажутся еще более контрастными.

Симулятор слепоты

Чтобы создавать доступные дизайны, проверьте, как тот или иной цвет воспринимается людьми с дальтонизмом.

Протанопия

1,3% мужчин, 0,02% женщин — 83% сходства

Дейтеранопия

1,2% мужчин, 0,01% женщин — 80% сходства

Тританопия

0,001% мужчин, 0,03% женщин — 67% сходства

Ахроматопсия

0,003% населения — 70% сходства

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

Проверьте, насколько выбранный цвет текста читаем на белом и чёрном фонах — это полезно для светлой и тёмной темы интерфейса. Для подробных параметров контраста, рекомендаций по соответствию стандартам доступности (WCAG) и подбора подходящих альтернатив откройте инструмент проверки контраста.

Контраст с белым фоном
Плохо
★★★★★
Пример текста
3.65:1
Контраст с чёрным фоном
Хорошо
★★★★★
Пример текста
5.75:1