О цвете Medium Purple
Medium Purple (mediumpurple) — светлый яркий пурпурный цвет с HEX-кодом #9370db, или rgb(147, 112, 219). В HSL он имеет оттенок 260°, насыщенность 60% и светлоту 65%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: mediumpurple;.
Использование Medium Purple для текста и фона
| Пара | Коэффициент контрастности | WCAG |
|---|---|---|
| Текст Medium Purple на белом | 3.76 : 1 | только AA для крупного текста |
| Текст Medium Purple на чёрном | 5.58 : 1 | AA |
На фоне цвета medium purple используйте текст чёрного цвета (5.58 : 1). WCAG требует контраст не ниже 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно в проверке контрастности.
CSS
.element {
color: mediumpurple; /* or #9370db */
background-color: #9370db;
border: 1px solid rgb(147 112 219 / 50%);
}
Похожие именованные цвета
Medium Slate Blue (#7b68ee), Medium Orchid (#ba55d3), Slate Blue (#6a5acd), Cornflower Blue (#6495ed), Dark Orchid (#9932cc), Blue Violet (#8a2be2).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.