О цвете «Тёмно-сланцевый синий»
Тёмно-сланцевый синий (darkslateblue) — тёмный синий цвет средней насыщенности с HEX-кодом #483d8b, или rgb(72, 61, 139). В HSL его оттенок составляет 248°, насыщенность 39%, светлота 39%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: darkslateblue;.
Использование тёмно-сланцевого синего для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст тёмно-сланцевого синего на белом | 9.07 : 1 | AAA |
| Текст тёмно-сланцевого синего на чёрном | 2.32 : 1 | не проходит |
На фоне тёмно-сланцевого синего используйте текст белого цвета (9.07 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие сочетания проверьте в Проверщике контраста.
CSS
.element {
color: darkslateblue; /* or #483d8b */
background-color: #483d8b;
border: 1px solid rgb(72 61 139 / 50%);
}
Похожие именованные цвета
Ребекка-пурпурный (#663399), Индиго (#4b0082), Тусклый серый (#696969), Полуночный синий (#191970), Тёмно-сланцевый серый (#2f4f4f), Сланцевый серый (#708090).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.