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

Цвет «морской зелёный»

Средний зелёный с холодным синим оттенком, как морская вода над водорослями. Входит в число стандартных именованных цветов HTML и CSS. Часто встречается на сайтах, в ванных комнатах и у экологичных брендов.

Другие названия: sea green, голубовато-зелёный.

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

HEX-код цвета «морской зелёный» — #2E8B57. В RGB это rgb(46, 139, 87), в HSL — hsl(146, 50%, 36%), а в CMYK — 67, 0, 37, 45.

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

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

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

Нефритовый#00A86BПапоротниковый#4F7942Мексиканский зелёный#006847Бутылочно-зелёный#006A4EВиридиановый#40826DОхотничий зелёный#355E3B

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

Цвет «морской зелёный» (#2E8B57) — на границе тёплого и холодного, средней светлоты и средней насыщенности. Он относится к группе оттенки зелёного. Он состоит из 46 частей красного, 139 — зелёного и 87 — синего (из 255). Типичное применение: Веб, Интерьер, Брендинг.

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

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

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

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

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

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

КомплементарнаяБлизко к: Тёмно-розовый
АналоговыеБлизко к: Лесной зелёный, Тёмно-циановый
Расщеплённая комплементарнаяБлизко к: Пурпурный, Коньячный

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

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

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

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

Белый текстКонтраст 4.2:1 · AA крупный текст
Чёрный текстКонтраст 4.9:1 · AA

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

CSS-код

:root {
  --morskoy-zelenyy: #2E8B57;
  --morskoy-zelenyy-rgb: 46, 139, 87;
}
.фон { background-color: var(--morskoy-zelenyy); }
.текст { color: var(--morskoy-zelenyy); }

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

Сосновый зелёныйТёмно-оливковыйИзумрудныйЛесной зелёный

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

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

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

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

Палитра цветов из имениНапиши имя и получи собственную палитру цветовСчастливый цвет дняТвой счастливый цвет дня по знаку зодиакаКакая у меня форма лица?Узнай форму лица, подходящие стрижки и очки
Все бесплатные инструменты →

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

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

HEX-код цвета «морской зелёный» — #2E8B57. В RGB это rgb(46, 139, 87), в HSL — hsl(146, 50%, 36%), а в CMYK — 67, 0, 37, 45.

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

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

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

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