Код цвета Fire Brick (#b22222)

Fire Brick — это #b22222 в формате HEX и rgb(178, 34, 34), средний красный цвет. Ниже: все цветовые форматы, оттенки и тени, гармонии и то, насколько цвет читается как текст.

Обновлено

Кирпично-красный
#b22222
Имя в CSSfirebrick
Hex#b22222
RGBrgb(178, 34, 34)
HSLhsl(0 68% 42%)
HWBhwb(0 13% 30%)
CMYK0%, 81%, 81%, 30%

Оттенки и тени

Цветовые гармонии

О цвете Fire Brick

Fire Brick (firebrick) — средний насыщенный красный цвет с HEX-кодом #b22222, или rgb(178, 34, 34). В HSL он имеет тон 0°, насыщенность 68% и яркость 42%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: firebrick;.

Использование Fire Brick для текста и фона

СочетаниеКоэффициент контрастаWCAG
Текст Fire Brick на белом6.68 : 1AA
Текст Fire Brick на чёрном3.14 : 1AA только для крупного текста

На фоне цвета fire brick используйте белый текст (6.68 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно в проверке контраста.

CSS

.element {
  color: firebrick;               /* or #b22222 */
  background-color: #b22222;
  border: 1px solid rgb(178 34 34 / 50%);
}

Похожие именованные цвета

Коричневый (#a52a2a), Малиновый (#dc143c), Сиена (#a0522d), Темно-коричневый (#8b4513), Темно-красный (#8b0000), Бордовый (#800000).

Часто задаваемые вопросы

Какой HEX-код у цвета fire brick?
#b22222 — это rgb(178, 34, 34) и hsl(0, 68%, 42%). В CSS можно также просто написать firebrick.
Хорошо ли читается текст цвета fire brick на белом?
Коэффициент контраста на белом — 6.68 : 1, что соответствует WCAG AA для обычного текста.
Какие цвета хорошо сочетаются с fire brick?
Дополнительный цвет — #22b4b4; аналогичные #b4226b и #b46b22 находятся рядом с ним на цветовом круге.