Цвет тёмно-сланцевый синий (#483d8b)

Тёмно-сланцевый синий — это #483d8b в формате HEX и rgb(72, 61, 139), тёмный синий цвет. Ниже приведены все цветовые форматы, оттенки и тона, гармонии и читаемость текста.

Обновлено

Тёмно-сланцевый синий
#483d8b
Имя CSSdarkslateblue
Hex#483d8b
RGBrgb(72, 61, 139)
HSLhsl(248 39% 39%)
HWBhwb(248 24% 45%)
CMYK48%, 56%, 0%, 45%

Оттенки и тона

Цветовые гармонии

О цвете «Тёмно-сланцевый синий»

Тёмно-сланцевый синий (darkslateblue) — тёмный синий цвет средней насыщенности с HEX-кодом #483d8b, или rgb(72, 61, 139). В HSL его оттенок составляет 248°, насыщенность 39%, светлота 39%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: darkslateblue;.

Использование тёмно-сланцевого синего для текста и фона

СочетаниеКоэффициент контрастаWCAG
Текст тёмно-сланцевого синего на белом9.07 : 1AAA
Текст тёмно-сланцевого синего на чёрном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-код у тёмно-сланцевого синего?
#483d8b — это rgb(72, 61, 139) и hsl(248, 39%, 39%). В CSS можно также просто написать darkslateblue.
Читается ли текст тёмно-сланцевого синего на белом фоне?
Коэффициент контраста на белом фоне — 9.07 : 1, что проходит WCAG AA для обычного текста.
Какие цвета хорошо сочетаются с тёмно-сланцевым синим?
Комплементарный цвет — #808a3d; аналоговые цвета #3d598a и #6e3d8a находятся рядом с ним на цветовом круге.