CSS цвят

FireBrick

#B22222
HEX#b22222
RGBrgb(178, 34, 34)
HSLhsl(0, 68%, 42%)
OKLCHoklch(49.68% 0.1797 26.81)
ИМЕfirebrick

Палитра

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

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

Аналогови

±30° от основния нюанс
Лява
#B4226B
Дясна
#B46B22

Триадични

±120° за хармоничен контраст
Триада 1
#22B422
Триада 2
#2222B4

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#EC9C9C
По-светъл
#E05C5C
Основен
#B22222
FireBrick
По-тъмен
#5E1212
Най-тъмен
#1E0606

Употреба в CSS

По име
color: firebrick;
background-color: firebrick;
По HEX
color: #b22222;
background-color: #b22222;
По RGB
color: rgb(178, 34, 34);
background-color: rgb(178, 34, 34);
По HSL
color: hsl(0, 68%, 42%);
background-color: hsl(0, 68%, 42%);

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

Aa
6.68:1
AA

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

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

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

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

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

HEX кодът за FireBrick е #B22222. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: firebrick; или color: #b22222;

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

FireBrick в RGB е rgb(178, 34, 34) — червен канал 178, зелен 34, син 34.

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

FireBrick в HSL е hsl(0, 68%, 42%) — нюанс 0°, насищане 68%, светлина 42%.

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

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

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

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

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