CSS цвят

SteelBlue

#4682B4
HEX#4682b4
RGBrgb(70, 130, 180)
HSLhsl(207, 44%, 49%)
OKLCHoklch(58.80% 0.0993 245.74)
ИМЕsteelblue

Палитра

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

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

Аналогови

±30° от основния нюанс
Лява
#46B4AE
Дясна
#464BB4

Триадични

±120° за хармоничен контраст
Триада 1
#B44682
Триада 2
#82B446

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#C4D8E8
По-светъл
#8DB3D3
Основен
#4682B4
SteelBlue
По-тъмен
#294D6A
Най-тъмен
#142533

Употреба в CSS

По име
color: steelblue;
background-color: steelblue;
По HEX
color: #4682b4;
background-color: #4682b4;
По RGB
color: rgb(70, 130, 180);
background-color: rgb(70, 130, 180);
По HSL
color: hsl(207, 44%, 49%);
background-color: hsl(207, 44%, 49%);

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

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

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

Aa
5.11:1
AA

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

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

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

HEX кодът за SteelBlue е #4682B4. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: steelblue; или color: #4682b4;

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

SteelBlue в RGB е rgb(70, 130, 180) — червен канал 70, зелен 130, син 180.

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

SteelBlue в HSL е hsl(207, 44%, 49%) — нюанс 207°, насищане 44%, светлина 49%.

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

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

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

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

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