Цветовые палитры

Цвет «мандариновый»

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

Другие названия: танжериновый.

Открыть в редакторе

HEX-код цвета «мандариновый» — #F28500. В RGB это rgb(242, 133, 0), в HSL — hsl(33, 100%, 47%), а в CMYK — 0, 45, 100, 5.

Как это выглядит на самом деле

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

Цвета, похожие на цвет «мандариновый»

Тёмно-оранжевый#FF8C00Оранжевый#FF8000Морковный#ED9121Тыквенный#FF7518Коричный#D2691EКалендула#EAA221

Цвет «мандариновый» вкратце

Цвет «мандариновый» (#F28500) — тёплый, средней светлоты и очень насыщенный. Он относится к группе оттенки оранжевого. Он состоит из 242 частей красного, 133 — зелёного и 0 — синего (из 255). Типичное применение: Мода, Брендинг, Веб.

Мандариновый: образец цвета с оттенками от светлого до тёмного · #F28500
Мандариновый · #F28500

Оттенки цвета «мандариновый»: светлые и тёмные

От самого светлого к самому тёмному. Нажми на оттенок и скопируй его код.

Показать все оттенки: Генератор оттенков цвета

Гармонии цвета «мандариновый»

Сочетания по цветовому кругу. Больше — в инструменте гармония цветов.

КомплементарнаяБлизко к: Электрик
АналоговыеБлизко к: Алый, Жёлтый
ТриадаБлизко к: Весенний зелёный, Фиолетовый
Расщеплённая комплементарнаяБлизко к: Тёмно-бирюзовый, Синий
ТетрадаБлизко к: Неоново-зелёный, Электрик, Маджента

Палитры с цветом «мандариновый»

Скопируй коды или открой палитру в редакторе и настрой её.

Палитра: Монохромная · Мандариновый
Палитра: Аналоговая · Мандариновый
Палитра: Комплементарная · Мандариновый
Палитра: Триада · Мандариновый
Палитра: С нейтральными цветами · Мандариновый
Палитра: С акцентом · Мандариновый

Контраст цвета «мандариновый» с текстом

Белый текстКонтраст 2.6:1 · Не рекомендуется
Чёрный текстКонтраст 8.1:1 · AAA

По правилам WCAG 2.1. Другие пары проверь в проверке контраста.

CSS-код

:root {
  --mandarinovyy: #F28500;
  --mandarinovyy-rgb: 242, 133, 0;
}
.фон { background-color: var(--mandarinovyy); }
.текст { color: var(--mandarinovyy); }

Цвета, похожие на цвет «мандариновый»

ОхраМанговыйЖжёный оранжевыйОранжевый хурма

Тематические палитры с этим цветом

Цветовые палитры для ХэллоуинаЦветовые палитры Дня мёртвыхВесёлые цветовые палитры

Другие: оттенки оранжевого

ОранжевыйТыквенныйМорковныйАбрикосовыйПерсиковыйКоралловыйТерракотаЖжёный оранжевыйЛососевыйРжавыйМедныйНеоново-оранжевыйПастельно-оранжевыйКрасно-оранжевыйМанговыйДынныйОранжевый хурмаСветло-лососевыйТёмно-оранжевыйЖжёная сиенаКораллово-розовый
Мандариновый: образец цвета с оттенками от светлого до тёмного · #F28500
Мандариновый: образец цвета с оттенками от светлого до тёмного · #F28500

Попробуй также

Палитра цветов из имениНапиши имя и получи собственную палитру цветовЦветовой автоматПотяни рычаг и получи цветовую палитруЦветной аквариумРасслабляющий 3D-аквариум в ваших цветах
Все бесплатные инструменты →

Частые вопросы

Какой код у цвета «мандариновый»?

HEX-код цвета «мандариновый» — #F28500. В RGB это rgb(242, 133, 0), в HSL — hsl(33, 100%, 47%), а в CMYK — 0, 45, 100, 5.

Какой цвет дополняет цвет «мандариновый»?

Дополнительный цвет на цветовом круге — #006DF2, оттенок, близкий к цвету «электрик». В небольшом количестве он служит акцентом и даёт сильный контраст.

Можно ли использовать белый текст на цвете «мандариновый»?

Лучше используй чёрный текст: контраст с белым всего 2.6:1, а с чёрным — 8.1:1.