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

Цвет «пастельно-оранжевый»

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

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

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

HEX-код цвета «пастельно-оранжевый» — #FFB347. В RGB это rgb(255, 179, 71), в HSL — hsl(35, 100%, 64%), а в CMYK — 0, 30, 72, 0.

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

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

Цвета, похожие на цвет «пастельно-оранжевый»

Медовый#EBA937Календула#EAA221Золотарниковый#DAA520Морковный#ED9121Карамельный#C68E17Горчичный#E1AD01

Цвет «пастельно-оранжевый» вкратце

Цвет «пастельно-оранжевый» (#FFB347) — тёплый, средней светлоты и очень насыщенный. Он относится к группе оттенки оранжевого. Он состоит из 255 частей красного, 179 — зелёного и 71 — синего (из 255). Типичное применение: Для детей, Интерьер, Веб.

Пастельно-оранжевый: образец цвета с оттенками от светлого до тёмного · #FFB347
Пастельно-оранжевый · #FFB347

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

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

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

Гармонии цвета «пастельно-оранжевый»

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

КомплементарнаяБлизко к: Васильковый
АналоговыеБлизко к: Томатный, Жёлтый
ТриадаБлизко к: Мятный, Фиолетовый
Расщеплённая комплементарнаяБлизко к: Лазурный, Фиолетовый
ТетрадаБлизко к: Весенний зелёный, Васильковый, Маджента

Палитры с цветом «пастельно-оранжевый»

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

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

Контраст цвета «пастельно-оранжевый» с текстом

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

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

CSS-код

:root {
  --pastelnyy-oranzhevyy: #FFB347;
  --pastelnyy-oranzhevyy-rgb: 255, 179, 71;
}
.фон { background-color: var(--pastelnyy-oranzhevyy); }
.текст { color: var(--pastelnyy-oranzhevyy); }

Цвета, похожие на цвет «пастельно-оранжевый»

ШафрановыйЯнтарныйПодсолнуховыйБронзовый

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

Палитры цветов для дня рожденияРетро цветовые палитрыОсенние цветовые палитрыПрофессиональные и корпоративные цветовые палитрыКарибские палитры

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

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

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

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

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

Какой код у цвета «пастельно-оранжевый»?

HEX-код цвета «пастельно-оранжевый» — #FFB347. В RGB это rgb(255, 179, 71), в HSL — hsl(35, 100%, 64%), а в CMYK — 0, 30, 72, 0.

Какой цвет дополняет цвет «пастельно-оранжевый»?

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

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

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