О цвете 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 : 1 | AA |
| Текст Fire Brick на чёрном | 3.14 : 1 | AA только для крупного текста |
На фоне цвета 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-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.