CSS цвят
RoyalBlue
#4169E1
HEX
#4169e1RGB
rgb(65, 105, 225)HSL
hsl(225, 73%, 57%)OKLCH
oklch(55.98% 0.1882 266.40)ИМЕ
royalblueПалитра
Допълнителен
180° на цветовия кръгДопълнителен
#E1B941
Аналогови
±30° от основния нюансЛява
#41B9E1
Дясна
#6941E1
Триадични
±120° за хармоничен контрастТриада 1
#E14169
Триада 2
#69E141
Нюанси
По-светли и по-тъмни вариантиУпотреба в CSS
По име
color: royalblue;
background-color: royalblue;По HEX
color: #4169e1;
background-color: #4169e1;По RGB
color: rgb(65, 105, 225);
background-color: rgb(65, 105, 225);По HSL
color: hsl(225, 73%, 57%);
background-color: hsl(225, 73%, 57%);WCAG контраст с бяло
Aa
4.85:1
AA
WCAG контраст с черно
Aa
4.33:1
AA (голям текст)
Свързани цветове
Често задавани въпроси за RoyalBlue
Какъв е HEX кодът за RoyalBlue?
HEX кодът за RoyalBlue е #4169E1. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: royalblue; или color: #4169e1;
Какво е стойността на RoyalBlue в RGB?
RoyalBlue в RGB е rgb(65, 105, 225) — червен канал 65, зелен 105, син 225.
Какво е стойността на RoyalBlue в HSL?
RoyalBlue в HSL е hsl(225, 73%, 57%) — нюанс 225°, насищане 73%, светлина 57%.
Кой е допълнителният цвят на RoyalBlue?
Допълнителният цвят (разположен срещу RoyalBlue в цветовия кръг) е #E1B941. Двата заедно създават максимален контраст.
Чете ли се бял текст върху RoyalBlue?
WCAG контрастното съотношение с бяло (#FFFFFF) е 4.85:1, а с черно (#000000) — 4.33:1. Бял текст е по-четлив. За нормален текст се препоръчва съотношение от поне 4.5:1.