CSS цвят

LightBlue

#ADD8E6
HEX#add8e6
RGBrgb(173, 216, 230)
HSLhsl(195, 53%, 79%)
OKLCHoklch(85.62% 0.0489 219.65)
ИМЕlightblue

Палитра

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

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

Аналогови

±30° от основния нюанс
Лява
#ADE6D8
Дясна
#ADBBE6

Триадични

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

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#F7FBFD
По-светъл
#EBF6F9
Основен
#ADD8E6
LightBlue
По-тъмен
#5FB2CE
Най-тъмен
#358EAC

Употреба в CSS

По име
color: lightblue;
background-color: lightblue;
По HEX
color: #add8e6;
background-color: #add8e6;
По RGB
color: rgb(173, 216, 230);
background-color: rgb(173, 216, 230);
По HSL
color: hsl(195, 53%, 79%);
background-color: hsl(195, 53%, 79%);

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

Aa
1.53:1
Под минимума

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

Aa
13.74:1
AAA

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

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

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

HEX кодът за LightBlue е #ADD8E6. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: lightblue; или color: #add8e6;

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

LightBlue в RGB е rgb(173, 216, 230) — червен канал 173, зелен 216, син 230.

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

LightBlue в HSL е hsl(195, 53%, 79%) — нюанс 195°, насищане 53%, светлина 79%.

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

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

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

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

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