CSS цвят
CadetBlue
#5F9EA0
HEX
#5f9ea0RGB
rgb(95, 158, 160)HSL
hsl(182, 25%, 50%)OKLCH
oklch(65.77% 0.0650 198.30)ИМЕ
cadetblueПалитра
Допълнителен
180° на цветовия кръгДопълнителен
#9F6260
Аналогови
±30° от основния нюансЛява
#609F82
Дясна
#607D9F
Триадични
±120° за хармоничен контрастТриада 1
#9F609D
Триада 2
#9D9F60
Нюанси
По-светли и по-тъмни вариантиУпотреба в CSS
По име
color: cadetblue;
background-color: cadetblue;По HEX
color: #5f9ea0;
background-color: #5f9ea0;По RGB
color: rgb(95, 158, 160);
background-color: rgb(95, 158, 160);По HSL
color: hsl(182, 25%, 50%);
background-color: hsl(182, 25%, 50%);WCAG контраст с бяло
Aa
3.05:1
AA (голям текст)
WCAG контраст с черно
Aa
6.88:1
AA
Свързани цветове
Често задавани въпроси за CadetBlue
Какъв е HEX кодът за CadetBlue?
HEX кодът за CadetBlue е #5F9EA0. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: cadetblue; или color: #5f9ea0;
Какво е стойността на CadetBlue в RGB?
CadetBlue в RGB е rgb(95, 158, 160) — червен канал 95, зелен 158, син 160.
Какво е стойността на CadetBlue в HSL?
CadetBlue в HSL е hsl(182, 25%, 50%) — нюанс 182°, насищане 25%, светлина 50%.
Кой е допълнителният цвят на CadetBlue?
Допълнителният цвят (разположен срещу CadetBlue в цветовия кръг) е #9F6260. Двата заедно създават максимален контраст.
Чете ли се бял текст върху CadetBlue?
WCAG контрастното съотношение с бяло (#FFFFFF) е 3.05:1, а с черно (#000000) — 6.88:1. Бял текст е по-четлив. За нормален текст се препоръчва съотношение от поне 4.5:1.