Код цвета Medium Purple (#9370db)

Medium Purple — это #9370db в HEX и rgb(147, 112, 219), светлый пурпурный цвет. Ниже приведены все форматы цвета, оттенки и тона, гармонии и читаемость текста.

Обновлено

Medium Purple
#9370db
Имя в CSSmediumpurple
Hex#9370db
RGBrgb(147, 112, 219)
HSLhsl(260 60% 65%)
HWBhwb(260 44% 14%)
CMYK33%, 49%, 0%, 14%

Оттенки и тона

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

О цвете 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 : 1AA

На фоне цвета 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-код у medium purple?
#9370db — это rgb(147, 112, 219) и hsl(260, 60%, 65%). В CSS можно также написать просто mediumpurple.
Читается ли текст medium purple на белом фоне?
Коэффициент контрастности на белом составляет 3.76 : 1, что проходит только для крупного текста (WCAG AA для крупного текста).
Какие цвета хорошо сочетаются с medium purple?
Его дополнительный цвет — #b8db70; аналоговые цвета #7082db и #c970db находятся рядом с ним на цветовом круге.