О цвете Светло-стальной синий
Светло-стальной синий (lightsteelblue) — светлый синий цвет средней насыщенности с HEX-кодом #b0c4de, или rgb(176, 196, 222). В HSL его оттенок составляет 214°, насыщенность — 41%, светлота — 78%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lightsteelblue;.
Использование светло-стального синего для текста и фона
| Пара | Коэффициент контраста | WCAG |
|---|---|---|
| Текст светло-стального синего на белом | 1.78 : 1 | не проходит |
| Текст светло-стального синего на чёрном | 11.80 : 1 | AAA |
На фоне светло-стального синего используйте текст чёрного цвета (11.80 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью проверки контраста.
CSS
.element {
color: lightsteelblue; /* or #b0c4de */
background-color: #b0c4de;
border: 1px solid rgb(176 196 222 / 50%);
}
Похожие именованные цвета
Светло-голубой (#add8e6), Пудрово-синий (#b0e0e6), Серебристый (#c0c0c0), Светло-серый (#d3d3d3), Чертополоховый (#d8bfd8), Небесно-голубой (#87ceeb).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.