Код цвета светло-морской зелёный (#20b2aa)

Светло-морской зелёный — это #20b2aa в HEX и rgb(32, 178, 170), средний голубой (циан) оттенок. Ниже: все форматы записи цвета, оттенки и тени, гармонии и то, насколько хорошо он читается как цвет текста.

Обновлено

Светло-морской зелёный
#20b2aa
Имя в CSSlightseagreen
HEX#20b2aa
RGBrgb(32, 178, 170)
HSLhsl(177 70% 41%)
HWBhwb(177 13% 30%)
CMYK82%, 0%, 4%, 30%

Оттенки и тени

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

О цвете светло-морской зелёный

Светло-морской зелёный (lightseagreen) — средний, насыщенный циан с HEX-кодом #20b2aa, или rgb(32, 178, 170). В модели HSL его тон составляет 177°, насыщенность 70%, светлота 41%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lightseagreen;.

Использование светло-морского зелёного для текста и фона

СочетаниеКоэффициент контрастаWCAG
Текст светло-морской зелёный на белом2.62 : 1не проходит
Текст светло-морской зелёный на чёрном8.01 : 1AAA

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

CSS

.element {
  color: lightseagreen;               /* or #20b2aa */
  background-color: #20b2aa;
  border: 1px solid rgb(32 178 170 / 50%);
}

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

Тёмно-бирюзовый (#00ced1), Тёмный циан (#008b8b), Средний бирюзовый (#48d1cc), Стальной синий (#4682b4), Средний морской зелёный (#3cb371), Кадетский синий (#5f9ea0).

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

Какой HEX-код у светло-морского зелёного?
#20b2aa — это rgb(32, 178, 170) и hsl(177, 70%, 41%). В CSS можно также просто написать lightseagreen.
Читается ли текст светло-морского зелёного на белом?
Коэффициент контраста на белом составляет 2.62 : 1, что не проходит требования WCAG. Лучше используйте этот цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются со светло-морским зелёным?
Его комплементарный цвет — #b21f27; аналоговые цвета #1fb261 и #1f70b2 находятся рядом с ним на цветовом круге.