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

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

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

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

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

HEX-код цвета «пастельно-жёлтый» — #FDFD96. В RGB это rgb(253, 253, 150), в HSL — hsl(60, 96%, 79%), а в CMYK — 0, 0, 41, 1.

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

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

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

Сливочно-жёлтый#FFFD74Кукурузный#FBEC5DВанильный#F3E5ABКремовый#FFFDD0Старое золото#CFB53BПшеничный#F5DEB3

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

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

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

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

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

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

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

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

КомплементарнаяБлизко к: Васильковый
АналоговыеБлизко к: Персиковый, Светло-зелёный
ТриадаБлизко к: Пастельно-бирюзовый, Орхидея
Расщеплённая комплементарнаяБлизко к: Детский голубой, Лавандовый
ТетрадаБлизко к: Аквамариновый, Васильковый, Фламинго

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

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

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

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

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

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

CSS-код

:root {
  --pastelnyy-zheltyy: #FDFD96;
  --pastelnyy-zheltyy-rgb: 253, 253, 150;
}
.фон { background-color: var(--pastelnyy-zheltyy); }
.текст { color: var(--pastelnyy-zheltyy); }

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

ЛатунныйФисташковыйБанановыйШафрановый

Другие: оттенки жёлтого

ЖёлтыйЗолотойСтарое золотоГорчичныйЛимонныйЯнтарныйПшеничныйМедовыйКанареечно-жёлтыйШафрановыйШампаньНеоново-жёлтыйКукурузныйПодсолнуховыйЗолотарниковыйКалендулаСливочно-жёлтыйЗолотисто-жёлтыйБанановыйЛатунный
Пастельно-жёлтый: образец цвета с оттенками от светлого до тёмного · #FDFD96
Пастельно-жёлтый: образец цвета с оттенками от светлого до тёмного · #FDFD96

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

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

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

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

HEX-код цвета «пастельно-жёлтый» — #FDFD96. В RGB это rgb(253, 253, 150), в HSL — hsl(60, 96%, 79%), а в CMYK — 0, 0, 41, 1.

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

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

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

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