CSS цвят

CornflowerBlue

#6495ED
HEX#6495ed
RGBrgb(100, 149, 237)
HSLhsl(219, 79%, 66%)
OKLCHoklch(67.46% 0.1414 261.34)
ИМЕcornflowerblue

Палитра

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

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

Аналогови

±30° от основния нюанс
Лява
#64D8ED
Дясна
#7864ED

Триадични

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

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#F6F9FE
По-светъл
#BFD3F8
Основен
#6495ED
CornflowerBlue
По-тъмен
#1959D2
Най-тъмен
#113C8D

Употреба в CSS

По име
color: cornflowerblue;
background-color: cornflowerblue;
По HEX
color: #6495ed;
background-color: #6495ed;
По RGB
color: rgb(100, 149, 237);
background-color: rgb(100, 149, 237);
По HSL
color: hsl(219, 79%, 66%);
background-color: hsl(219, 79%, 66%);

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

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

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

Aa
7.06:1
AAA

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

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

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

HEX кодът за CornflowerBlue е #6495ED. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: cornflowerblue; или color: #6495ed;

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

CornflowerBlue в RGB е rgb(100, 149, 237) — червен канал 100, зелен 149, син 237.

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

CornflowerBlue в HSL е hsl(219, 79%, 66%) — нюанс 219°, насищане 79%, светлина 66%.

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

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

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

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

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