С чем сочетается серый цвет
Серый главный нейтральный цвет интерфейсов: им пишут подписи, рисуют рамки и фоны. Он спокоен и не спорит ни с кем, поэтому подходит к любому акценту.
Лучшие сочетания с серым
Серый и жёлтый
Яркий акцент на спокойном фоне, очень современно.
#8D99AE + #FFD60A
Серый и розовый
Мягкая модная пара для моды и косметики.
#8D99AE + #FF8FAB
Серый и белый
Минимализм, чистый деловой стиль.
#8D99AE + #FFFFFF
Серый и тёмно-синий
Строгая деловая гамма.
#8D99AE + #14213D
Серый и бирюзовый
Свежий акцент для IT и медицины.
#8D99AE + #2A9D8F
Серый и оранжевый
Энергичный акцент для кнопок и предупреждений.
#8D99AE + #F77F00
Чтобы серый не был скучным, ему нужен один яркий цвет: жёлтый, розовый, оранжевый или бирюзовый. Тёплые серые лучше дружат с тёплыми акцентами, холодные с холодными.
Сочетания серого по цветовому кругу
Цвета рассчитаны от #8D99AE по схемам цветового круга (оттенок 218°). Откройте любую схему на цветовом круге, чтобы подвигать цвет.
| Схема | Цвета |
|---|---|
| Комплементарная | #8D99AE #AFA28E |
| Аналогичная | #8EAAAF #8D99AE #928EAF |
| Раздельно-комплементарная | #8D99AE #AF928E #AAAF8E |
| Триада | #8D99AE #AF8E9A #9AAF8E |
Какой текст писать на сером фоне
Белый текст контраст 2,87:1, Чёрный текст контраст 6,56:1. Для обычного текста нужно не меньше 4.5:1, поэтому на сером фоне лучше тёмный текст. Свою пару можно проверить в проверке контраста.
Оттенки серого
Графитовый #383838 Пепельный #B2BEB5 Серебряный #C0C0C0 Мокрый асфальт #505050 Серо-голубой #8C92AC
Палитры с серым цветом
Деловой синий
#0B2545 #13315C #134074 #8DA9C4 #EEF4ED
Лаванда
#2E1F47 #5B4B8A #8E7DBE #C3B1E1 #F1E9FB
Скандинавский минимализм
#F4F1EC #D9D2C5 #A39E93 #5C5A57 #2B2B2B
Частые вопросы
С каким цветом сочетается серый?
С любым ярким акцентом: жёлтым, розовым, бирюзовым, оранжевым. Для строгого стиля с белым и тёмно-синим.
Как выбрать серый для сайта?
Возьмите серый с небольшим оттенком основного цвета бренда (холодный к синему, тёплый к оранжевому). Так интерфейс выглядит цельнее, чем с чисто нейтральным серым.
Другие цвета
Красный · Бордовый · Оранжевый · Жёлтый · Зелёный · Мятный · Бирюзовый · Голубой · Синий · Фиолетовый · Розовый · Коричневый · Бежевый · Чёрный · Белый · все сочетания цветов