О цвете Medium Violet Red
Medium Violet Red (mediumvioletred) — средний яркий пурпурный цвет с HEX-кодом #c71585, или rgb(199, 21, 133). В HSL он имеет тон 322°, насыщенность 81% и светлоту 43%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: mediumvioletred;.
Использование Medium Violet Red для текста и фона
| Пара | Коэффициент контрастности | WCAG |
|---|---|---|
| Текст Medium Violet Red на белом | 5.42 : 1 | AA |
| Текст Medium Violet Red на чёрном | 3.87 : 1 | AA только для крупного текста |
На фоне Medium Violet Red используйте белый текст (5.42 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью Contrast Checker.
CSS
.element {
color: mediumvioletred; /* or #c71585 */
background-color: #c71585;
border: 1px solid rgb(199 21 133 / 50%);
}Похожие именованные цвета
Deep Pink (#ff1493), Dark Magenta (#8b008b), Purple (#800080), Crimson (#dc143c), Indian Red (#cd5c5c), Dark Orchid (#9932cc).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.