С чем сочетается оранжевый цвет
Оранжевый весёлый, тёплый и дружелюбный. Он заметен почти как красный, но не тревожит. Его любят детские товары, доставка, онлайн-школы и кнопки «Купить».
Лучшие сочетания с оранжевым
Оранжевый и тёмно-синий
Комплементарная пара: ярко, контрастно, надёжно.
#F77F00 + #003049
Оранжевый и белый
Чистый фон, оранжевый становится главным акцентом.
#F77F00 + #FFFFFF
Оранжевый и графитовый
Тёмный фон для технологичных и спортивных сайтов.
#F77F00 + #2F3E46
Оранжевый и бирюзовый
Летняя свежая пара, мягче, чем с синим.
#F77F00 + #2A9D8F
Оранжевый и кремовый
Тёплая уютная гамма для еды и детских товаров.
#F77F00 + #FDF0D5
Оранжевый и коричневый
Осенняя природная гамма из одного семейства.
#F77F00 + #6F4518
Самая сильная пара для оранжевого это синий: они стоят напротив друг друга на цветовом круге. Для спокойного макета оранжевый ставят на белый, кремовый или графитовый фон.
Сочетания оранжевого по цветовому кругу
Цвета рассчитаны от #F77F00 по схемам цветового круга (оттенок 31°). Откройте любую схему на цветовом круге, чтобы подвигать цвет.
| Схема | Цвета |
|---|---|
| Комплементарная | #F77F00 #0076F5 |
| Аналогичная | #F50400 #F77F00 #F1F500 |
| Раздельно-комплементарная | #F77F00 #00F1F5 #0400F5 |
| Триада | #F77F00 #00F57E #7E00F5 |
Какой текст писать на оранжевом фоне
Белый текст контраст 2,62:1, Чёрный текст контраст 7,18:1. Для обычного текста нужно не меньше 4.5:1, поэтому на оранжевом фоне лучше тёмный текст. Свою пару можно проверить в проверке контраста.
Оттенки оранжевого
Мандариновый #FF8C00 Тыквенный #FF7518 Персиковый #FFCBA4 Терракотовый #E2725B Абрикосовый #FBCEB1
Палитры с оранжевым цветом
Мёд
#3D2B1F #8D5524 #FB8500 #FFB703 #FFD166
Чёрное золото
#0A0A0A #1C1C1C #B8860B #D4AF37 #F5E6B3
Лимонад
#FFF275 #FFCF56 #FF8C42 #FF3C38 #A23E48
Частые вопросы
Какой цвет подходит к оранжевому?
Синий и тёмно-синий (самый сильный контраст), бирюзовый, белый, кремовый, графитовый и коричневый.
Можно ли писать белый текст на оранжевом?
На ярком оранжевом белый текст обычно не набирает контраст 4.5:1, нужный для мелкого текста. Для кнопок берите более тёмный оранжевый или тёмный текст.
Другие цвета
Красный · Бордовый · Жёлтый · Зелёный · Мятный · Бирюзовый · Голубой · Синий · Фиолетовый · Розовый · Коричневый · Бежевый · Серый · Чёрный · Белый · все сочетания цветов