Цвет Medium Sea Green: код #3cb371

Medium Sea Green — это #3cb371 в HEX и rgb(60, 179, 113), средний зелёный цвет. Ниже приведены все цветовые форматы, оттенки и тона, гармонии и показатели читаемости текста.

Обновлено

Medium Sea Green
#3cb371
Имя в CSSmediumseagreen
Hex#3cb371
RGBrgb(60, 179, 113)
HSLhsl(147 50% 47%)
HWBhwb(147 24% 30%)
CMYK66%, 0%, 37%, 30%

Оттенки и тона

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

О цвете Medium Sea Green

Medium Sea Green (mediumseagreen) — средний, умеренно насыщенный зелёный цвет с HEX-кодом #3cb371, или rgb(60, 179, 113). В модели HSL его оттенок составляет 147°, насыщенность 50%, светлота 47%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: mediumseagreen;.

Использование Medium Sea Green для текста и фона

СочетаниеКоэффициент контрастаWCAG
Текст Medium Sea Green на белом2.67 : 1не проходит
Текст Medium Sea Green на чёрном7.88 : 1AAA

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

CSS

.element {
  color: mediumseagreen;               /* or #3cb371 */
  background-color: #3cb371;
  border: 1px solid rgb(60 179 113 / 50%);
}

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

Морской зелёный (#2e8b57), Кадетский синий (#5f9ea0), Светлый морской зелёный (#20b2aa), Лаймовый зелёный (#32cd32), Средний аквамариновый (#66cdaa), Тёмный циан (#008b8b).

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

Какой HEX-код у цвета medium sea green?
#3cb371 — это rgb(60, 179, 113) и hsl(147, 50%, 47%). В CSS можно также написать просто mediumseagreen.
Читается ли текст цвета medium sea green на белом фоне?
Коэффициент контраста на белом составляет 2.67 : 1, что не соответствует WCAG. Лучше использовать этот цвет в декоре или на тёмном фоне.
Какие цвета хорошо сочетаются с medium sea green?
Комплементарный цвет — #b43c7e; аналоговые #42b43c и #3cb4ae расположены рядом с ним на цветовом круге.