О цвете Powder Blue
Powder Blue (powderblue) — очень светлый, умеренно насыщенный циан с HEX-кодом #b0e0e6, или rgb(176, 224, 230). В HSL его оттенок 187°, насыщенность 52%, светлота 80%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: powderblue;.
Использование Powder Blue для текста и фона
| Пара | Коэффициент контраста | WCAG |
|---|---|---|
| Текст Powder Blue на белом | 1.43 : 1 | не проходит |
| Текст Powder Blue на чёрном | 14.65 : 1 | AAA |
На фоне цвета powder blue используйте текст чёрного цвета (14.65 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно в инструменте Contrast Checker.
CSS
.element {
color: powderblue; /* or #b0e0e6 */
background-color: #b0e0e6;
border: 1px solid rgb(176 224 230 / 50%);
}
Похожие именованные цвета
Светло-голубой (#add8e6), Бледно-бирюзовый (#afeeee), Светлый стально-синий (#b0c4de), Светло-серый (#d3d3d3), Небесно-голубой (#87ceeb), Гейнсборо (#dcdcdc).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.