Об аквамарине
Аквамарин (aquamarine) — светлый яркий голубовато-бирюзовый цвет с HEX-кодом #7fffd4, или rgb(127, 255, 212). В HSL его оттенок 160°, насыщенность 100%, светлота 75%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: aquamarine;.
Использование аквамарина для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст аквамаринового цвета на белом | 1.22 : 1 | не проходит |
| Текст аквамаринового цвета на чёрном | 17.16 : 1 | AAA |
На аквамариновом фоне используйте чёрный текст (17.16 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно в проверке контраста.
CSS
.element {
color: aquamarine; /* or #7fffd4 */
background-color: #7fffd4;
border: 1px solid rgb(127 255 212 / 50%);
}
Похожие именованные цвета
Небесно-голубой (#87ceeb), бледно-бирюзовый (#afeeee), пороховой синий (#b0e0e6), светло-небесно-голубой (#87cefa), светло-голубой (#add8e6), бледно-зелёный (#98fb98).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.