Код тёмно-фиолетового цвета (#9400d3)

Тёмно-фиолетовый — #9400d3 в HEX и rgb(148, 0, 211), средний пурпурный оттенок. Ниже вы найдёте все форматы цвета, тона и оттенки, гармонии и читаемость текста.

Обновлено

Тёмно-фиолетовый
#9400d3
Имя CSSdarkviolet
HEX#9400d3
RGBrgb(148, 0, 211)
HSLhsl(282 100% 41%)
HWBhwb(282 0% 17%)
CMYK30%, 100%, 0%, 17%

Тона и оттенки

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

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

Тёмно-фиолетовый (darkviolet) — средний, насыщенный пурпурный цвет с HEX-кодом #9400d3, или rgb(148, 0, 211). В HSL он имеет тон 282°, насыщенность 100% и светлоту 41%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: darkviolet;.

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

СочетаниеКоэффициент контрастаWCAG
Тёмно-фиолетовый текст на белом6.56 : 1AA
Тёмно-фиолетовый текст на чёрном3.20 : 1AA только для крупного текста

На тёмно-фиолетовом фоне используйте текст белого цвета (6.56 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие сочетания можно с помощью проверки контраста.

CSS

.element {
  color: darkviolet;               /* or #9400d3 */
  background-color: #9400d3;
  border: 1px solid rgb(148 0 211 / 50%);
}

Похожие именованные цвета

Синий фиолетовый (#8a2be2), Тёмная орхидея (#9932cc), Тёмная маджента (#8b008b), Пурпурный (#800080), Ребекка пурпурный (#663399), Средняя орхидея (#ba55d3).

Часто задаваемые вопросы

Какой HEX-код у тёмно-фиолетового цвета?
#9400d3 — это rgb(148, 0, 211) и hsl(282, 100%, 41%). В CSS можно также просто написать darkviolet.
Читается ли тёмно-фиолетовый текст на белом фоне?
Коэффициент контраста на белом фоне — 6.56 : 1, что соответствует WCAG AA для обычного текста.
Какие цвета хорошо сочетаются с тёмно-фиолетовым?
Комплементарный цвет — #3fd100; аналоговые #2a00d1 и #d100a7 находятся рядом с ним на цветовом круге.