Код цвета Blue Violet (#8a2be2)

Blue Violet — #8a2be2 в HEX и rgb(138, 43, 226), средний пурпурный оттенок. Ниже: все форматы цвета, тона и оттенки, гармонии и читаемость текста.

Обновлено

Blue Violet
#8a2be2
Имя в CSSblueviolet
Hex#8a2be2
RGBrgb(138, 43, 226)
HSLhsl(271 76% 53%)
HWBhwb(271 17% 11%)
CMYK39%, 81%, 0%, 11%

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

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

О цвете Blue Violet

Blue Violet (blueviolet) — средний, насыщенный фиолетовый цвет с HEX-кодом #8a2be2, или rgb(138, 43, 226). В HSL его оттенок — 271°, насыщенность — 76%, светлота — 53%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: blueviolet;.

Использование Blue Violet для текста и фона

СочетаниеКоэффициент контрастаWCAG
Текст Blue Violet на белом5.96 : 1AA
Текст Blue Violet на чёрном3.52 : 1AA только для крупного текста

На фоне blue violet используйте белый текст (5.96 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью Contrast Checker.

CSS

.element {
  color: blueviolet;               /* or #8a2be2 */
  background-color: #8a2be2;
  border: 1px solid rgb(138 43 226 / 50%);
}

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

Dark Orchid (#9932cc), Dark Violet (#9400d3), Slate Blue (#6a5acd), Medium Slate Blue (#7b68ee), Medium Orchid (#ba55d3), Medium Purple (#9370db).

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

Какой HEX-код у цвета blue violet?
#8a2be2 — это rgb(138, 43, 226) и hsl(271, 76%, 53%). В CSS можно также просто написать blueviolet.
Читается ли текст blue violet на белом фоне?
Коэффициент контраста на белом — 5.96 : 1, что соответствует WCAG AA для обычного текста.
Какие цвета хорошо сочетаются с blue violet?
Его комплементарный цвет — #84e22c; аналоговые цвета #2f2ce2 и #e22cdf находятся рядом с ним на цветовом круге.