CSS цвят

SlateBlue

#6A5ACD
HEX#6a5acd
RGBrgb(106, 90, 205)
HSLhsl(248, 53%, 58%)
OKLCHoklch(54.36% 0.1712 285.54)
ИМЕslateblue

Палитра

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

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

Аналогови

±30° от основния нюанс
Лява
#5B85CD
Дясна
#A35BCD

Триадични

±120° за хармоничен контраст
Триада 1
#CD6A5B
Триада 2
#5BCD6A

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#E6E4F7
По-светъл
#B1A9E5
Основен
#6A5ACD
SlateBlue
По-тъмен
#3B2E94
Най-тъмен
#241C5A

Употреба в CSS

По име
color: slateblue;
background-color: slateblue;
По HEX
color: #6a5acd;
background-color: #6a5acd;
По RGB
color: rgb(106, 90, 205);
background-color: rgb(106, 90, 205);
По HSL
color: hsl(248, 53%, 58%);
background-color: hsl(248, 53%, 58%);

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

Aa
5.31:1
AA

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

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

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

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

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

HEX кодът за SlateBlue е #6A5ACD. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: slateblue; или color: #6a5acd;

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

SlateBlue в RGB е rgb(106, 90, 205) — червен канал 106, зелен 90, син 205.

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

SlateBlue в HSL е hsl(248, 53%, 58%) — нюанс 248°, насищане 53%, светлина 58%.

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

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

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

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

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