Код цвета Sea Green (#2e8b57)

Sea Green — это #2e8b57 в HEX и rgb(46, 139, 87), тёмный зелёный цвет. Ниже вы найдёте все цветовые форматы, светлые и тёмные оттенки, гармонии и информацию о том, насколько цвет читаем в тексте.

Обновлено

Sea Green
#2e8b57
Название в CSSseagreen
Hex#2e8b57
RGBrgb(46, 139, 87)
HSLhsl(146 50% 36%)
HWBhwb(146 18% 45%)
CMYK67%, 0%, 37%, 45%

Светлые и тёмные оттенки

Цветовые гармонии

О цвете Sea Green

Sea Green (seagreen) — тёмный, умеренно насыщенный зелёный цвет с HEX-кодом #2e8b57, или rgb(46, 139, 87). В HSL его оттенок составляет 146°, насыщенность 50%, светлота 36%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: seagreen;.

Sea Green в тексте и фонах

СочетаниеКоэффициент контрастаWCAG
Текст Sea Green на белом4.25 : 1только крупный текст AA
Текст Sea Green на чёрном4.95 : 1AA

На фоне морского зелёного используйте текст чёрного цвета (4.95 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить в Contrast Checker.

CSS

.element {
  color: seagreen;               /* or #2e8b57 */
  background-color: #2e8b57;
  border: 1px solid rgb(46 139 87 / 50%);
}

Похожие именованные цвета

Средний морской зелёный (#3cb371), Лесной зелёный (#228b22), Тёмный сланцево-серый (#2f4f4f), Teal (#008080), Тёмный оливково-зелёный (#556b2f), Тёмный циан (#008b8b).

Часто задаваемые вопросы

Какой HEX-код у цвета sea green?
#2e8b57 — это rgb(46, 139, 87) и hsl(146, 50%, 36%). В CSS можно также просто написать seagreen.
Читается ли текст цвета sea green на белом фоне?
Коэффициент контраста с белым составляет 4.25 : 1, что подходит только для крупного текста (WCAG AA large).
Какие цвета хорошо сочетаются с sea green?
Дополнительный цвет — #8a2e62; аналогичные цвета #348a2e и #2e8a84 находятся рядом с ним на цветовом круге.