О цвете 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 : 1 | AA |
| Текст Blue Violet на чёрном | 3.52 : 1 | AA только для крупного текста |
На фоне 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-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.