О цвете «Бирюзовый»
Бирюзовый (turquoise) — средний, насыщенный циан с HEX-кодом #40e0d0, или rgb(64, 224, 208). В HSL его тон составляет 174°, насыщенность 72%, светлота 56%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: turquoise;.
Использование бирюзового для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Бирюзовый текст на белом | 1.64 : 1 | не проходит |
| Бирюзовый текст на чёрном | 12.79 : 1 | AAA |
На бирюзовом фоне используйте чёрный текст (12.79 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить с помощью проверки контраста.
CSS
.element {
color: turquoise; /* or #40e0d0 */
background-color: #40e0d0;
border: 1px solid rgb(64 224 208 / 50%);
}
Похожие именованные цвета
Средний бирюзовый (#48d1cc), Средний аквамариновый (#66cdaa), Тёмный бирюзовый (#00ced1), Светло-морской зелёный (#20b2aa), Аквамариновый (#7fffd4), Небесно-голубой (#87ceeb).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.