CSS цвят

MediumVioletRed

#C71585
HEX#c71585
RGBrgb(199, 21, 133)
HSLhsl(322, 81%, 43%)
OKLCHoklch(55.34% 0.2217 349.69)
ИМЕmediumvioletred

Палитра

Допълнителен

180° на цветовия кръг
Допълнителен
#15C656

Аналогови

±30° от основния нюанс
Лява
#AF15C6
Дясна
#C6152D

Триадични

±120° за хармоничен контраст
Триада 1
#85C615
Триада 2
#1585C6

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#F499D3
По-светъл
#ED54B5
Основен
#C71585
MediumVioletRed
По-тъмен
#6A0B47
Най-тъмен
#250419

Употреба в CSS

По име
color: mediumvioletred;
background-color: mediumvioletred;
По HEX
color: #c71585;
background-color: #c71585;
По RGB
color: rgb(199, 21, 133);
background-color: rgb(199, 21, 133);
По HSL
color: hsl(322, 81%, 43%);
background-color: hsl(322, 81%, 43%);

WCAG контраст с бяло

Aa
5.42:1
AA

WCAG контраст с черно

Aa
3.87:1
AA (голям текст)

Свързани цветове

Често задавани въпроси за MediumVioletRed

Какъв е HEX кодът за MediumVioletRed?

HEX кодът за MediumVioletRed е #C71585. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: mediumvioletred; или color: #c71585;

Какво е стойността на MediumVioletRed в RGB?

MediumVioletRed в RGB е rgb(199, 21, 133) — червен канал 199, зелен 21, син 133.

Какво е стойността на MediumVioletRed в HSL?

MediumVioletRed в HSL е hsl(322, 81%, 43%) — нюанс 322°, насищане 81%, светлина 43%.

Кой е допълнителният цвят на MediumVioletRed?

Допълнителният цвят (разположен срещу MediumVioletRed в цветовия кръг) е #15C656. Двата заедно създават максимален контраст.

Чете ли се бял текст върху MediumVioletRed?

WCAG контрастното съотношение с бяло (#FFFFFF) е 5.42:1, а с черно (#000000) — 3.87:1. Бял текст е по-четлив. За нормален текст се препоръчва съотношение от поне 4.5:1.

← Всички цветове и конвертор