Код цвета Medium Orchid (#ba55d3)

Medium Orchid — это #ba55d3 в HEX и rgb(186, 85, 211), средний пурпурный цвет. Ниже: все цветовые форматы, оттенки и тона, гармонии и читаемость цвета в тексте.

Обновлено

Medium Orchid
#ba55d3
Имя в CSSmediumorchid
Hex#ba55d3
RGBrgb(186, 85, 211)
HSLhsl(288 59% 58%)
HWBhwb(288 33% 17%)
CMYK12%, 60%, 0%, 17%

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

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

О цвете Medium Orchid

Medium Orchid (mediumorchid) — средний, умеренно насыщенный пурпурный цвет с HEX-кодом #ba55d3, или rgb(186, 85, 211). В HSL он имеет оттенок 288°, насыщенность 59% и светлоту 58%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: mediumorchid;.

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

ПараКоэффициент контрастаWCAG
Текст Medium Orchid на белом3.94 : 1AA только для крупного текста
Текст Medium Orchid на чёрном5.33 : 1AA

На фоне medium orchid используйте чёрный текст (5.33 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить с помощью Contrast Checker.

CSS

.element {
  color: mediumorchid;               /* or #ba55d3 */
  background-color: #ba55d3;
  border: 1px solid rgb(186 85 211 / 50%);
}

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

Orchid (#da70d6), Medium Purple (#9370db), Dark Orchid (#9932cc), Blue Violet (#8a2be2), Medium Slate Blue (#7b68ee), Violet (#ee82ee).

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

Какой HEX-код у medium orchid?
#ba55d3 — это rgb(186, 85, 211) и hsl(288, 59%, 58%). В CSS можно также просто написать mediumorchid.
Читается ли текст цвета medium orchid на белом?
Коэффициент контраста с белым — 3.94 : 1, что подходит только для крупного текста (WCAG AA large).
Какие цвета хорошо сочетаются с medium orchid?
Его комплементарный цвет — #6ed355; аналоговые цвета #7b55d3 и #d355ad расположены рядом с ним на цветовом круге.