Код цвета Medium Slate Blue (#7b68ee)

Medium Slate Blue — это #7b68ee в HEX и rgb(123, 104, 238) — светлый синий цвет. Ниже: все цветовые форматы, оттенки и тона, гармонии и то, насколько он читаем как текст.

Обновлено

Medium Slate Blue
#7b68ee
Имя в CSSmediumslateblue
Hex#7b68ee
RGBrgb(123, 104, 238)
HSLhsl(249 80% 67%)
HWBhwb(249 41% 7%)
CMYK48%, 56%, 0%, 7%

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

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

О цвете Medium Slate Blue

Medium Slate Blue (mediumslateblue) — светлый яркий синий цвет с HEX-кодом #7b68ee, или rgb(123, 104, 238). В HSL он имеет тон 249°, насыщенность 80% и светлоту 67%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: mediumslateblue;.

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

СочетаниеКоэффициент контрастаWCAG
Текст Medium Slate Blue на белом4.15 : 1AA только для крупного текста
Текст Medium Slate Blue на чёрном5.06 : 1AA

На фоне medium slate blue используйте текст чёрного цвета (5.06 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие сочетания можно с помощью проверки контраста.

CSS

.element {
  color: mediumslateblue;               /* or #7b68ee */
  background-color: #7b68ee;
  border: 1px solid rgb(123 104 238 / 50%);
}

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

Medium Purple (#9370db), Slate Blue (#6a5acd), Cornflower Blue (#6495ed), Royal Blue (#4169e1), Blue Violet (#8a2be2), Dark Orchid (#9932cc).

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

Какой HEX-код у medium slate blue?
#7b68ee — это rgb(123, 104, 238) и hsl(249, 80%, 67%). В CSS можно также написать просто mediumslateblue.
Читается ли текст medium slate blue на белом фоне?
Коэффициент контраста на белом — 4.15 : 1, что проходит только для крупного текста (WCAG AA large).
Какие цвета хорошо сочетаются с medium slate blue?
Комплементарный цвет — #daee68; аналогичные цвета #6897ee и #bf68ee расположены рядом с ним на цветовом круге.