О цвете Slate Gray
Slate Gray (slategray) — средний, приглушённый синий с HEX-кодом #708090, или rgb(112, 128, 144). В HSL он имеет тон 210°, насыщенность 13% и светлоту 50%. CSS также принимает написание slategrey для того же самого цвета. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: slategray;.
Использование Slate Gray для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст Slate Gray на белом | 4.05 : 1 | только крупный текст AA |
| Текст Slate Gray на чёрном | 5.18 : 1 | AA |
На фоне цвета slate gray используйте текст чёрного цвета (5.18 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие сочетания можно с помощью Проверки контраста.
CSS
.element {
color: slategray; /* or #708090 */
background-color: #708090;
border: 1px solid rgb(112 128 144 / 50%);
}Похожие именованные цвета
Светло-сланцево-серый (#778899), Серый (#808080), Кадетский синий (#5f9ea0), Тускло-серый (#696969), Стальной синий (#4682b4), Тёмно-морской зелёный (#8fbc8f).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.