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

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

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

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

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

HEX-код цвета «пастельно-зелёный» — #77DD77. В RGB это rgb(119, 221, 119), в HSL — hsl(120, 60%, 67%), а в CMYK — 46, 0, 46, 13.

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

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

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

Светло-зелёный#90EE90Мятный#98FF98Изумрудный#50C878Фисташковый#93C572Нефритовый#00A86BЗелёный Келли#4CBB17

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

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

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

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

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

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

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

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

КомплементарнаяБлизко к: Орхидея
АналоговыеБлизко к: Фисташковый, Аквамариновый
ТриадаБлизко к: Сланцево-синий, Индийский красный
Расщеплённая комплементарнаяБлизко к: Лавандовый, Фламинго
ТетрадаБлизко к: Сине-серый, Орхидея, Оленёнок

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

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

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

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

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

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

CSS-код

:root {
  --pastelnyy-zelenyy: #77DD77;
  --pastelnyy-zelenyy-rgb: 119, 221, 119;
}
.фон { background-color: var(--pastelnyy-zelenyy); }
.текст { color: var(--pastelnyy-zelenyy); }

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

Весенний зелёныйЛесной зелёныйСеладоновыйАквамариновый

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

ЗелёныйИзумрудныйЛаймовыйОливковыйМятныйМоховойЛесной зелёныйНефритовыйСосновый зелёныйЯблочно-зелёныйШалфейныйБутылочно-зелёныйАрмейский зелёныйНеоново-зелёныйФисташковыйТравянисто-зелёныйШартрёзТёмно-зелёныйСветло-зелёныйМексиканский зелёныйАвокадоСеладоновыйПапоротниковыйОхотничий зелёный
Пастельно-зелёный: образец цвета с оттенками от светлого до тёмного · #77DD77
Пастельно-зелёный: образец цвета с оттенками от светлого до тёмного · #77DD77

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

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

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

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

HEX-код цвета «пастельно-зелёный» — #77DD77. В RGB это rgb(119, 221, 119), в HSL — hsl(120, 60%, 67%), а в CMYK — 46, 0, 46, 13.

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

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

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

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