Acerca de Fire Brick
Fire Brick (firebrick) es un rojo medio y vivo con código hex #b22222, o rgb(178, 34, 34). En HSL tiene un tono de 0°, una saturación del 68 % y una luminosidad del 42 %. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: firebrick; en lugar del valor hexadecimal.
Uso de Fire Brick para texto y fondos
| Combinación | Relación de contraste | WCAG |
|---|---|---|
| Texto Fire Brick sobre blanco | 6.68 : 1 | AA |
| Texto Fire Brick sobre negro | 3.14 : 1 | AA solo para texto grande |
Sobre un fondo fire brick, usa texto blanco (6.68 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.
CSS
.element {
color: firebrick; /* or #b22222 */
background-color: #b22222;
border: 1px solid rgb(178 34 34 / 50%);
}
Colores con nombre similares
Marrón (#a52a2a), Carmesí (#dc143c), Siena (#a0522d), Marrón montura (#8b4513), Rojo oscuro (#8b0000), Granate (#800000).
Buscador de Nombres de Color
Pega un código HEX para obtener su nombre más cercano y legible, además de nombres de token limpios para tu CSS, SCSS, JavaScript o configuración de Tailwind.