О цвете светло-морской зелёный
Светло-морской зелёный (lightseagreen) — средний, насыщенный циан с HEX-кодом #20b2aa, или rgb(32, 178, 170). В модели HSL его тон составляет 177°, насыщенность 70%, светлота 41%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lightseagreen;.
Использование светло-морского зелёного для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст светло-морской зелёный на белом | 2.62 : 1 | не проходит |
| Текст светло-морской зелёный на чёрном | 8.01 : 1 | AAA |
На фоне светло-морского зелёного используйте текст чёрного цвета (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-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.