Código de color Fire Brick (#b22222)

Fire Brick es #b22222 en hexadecimal y rgb(178, 34, 34): un rojo medio. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Fire Brick
#b22222
Nombre CSSfirebrick
Hex#b22222
RGBrgb(178, 34, 34)
HSLhsl(0 68% 42%)
HWBhwb(0 13% 30%)
CMYK0%, 81%, 81%, 30%

Tintes y sombras

Armonías de color

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ónRelación de contrasteWCAG
Texto Fire Brick sobre blanco6.68 : 1AA
Texto Fire Brick sobre negro3.14 : 1AA 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).

Preguntas frecuentes

¿Cuál es el código hex de fire brick?
#b22222, que equivale a rgb(178, 34, 34) y hsl(0, 68%, 42%). En CSS también puedes escribir simplemente firebrick.
¿Se lee bien el texto fire brick sobre blanco?
Su relación de contraste sobre blanco es 6.68 : 1, lo que cumple WCAG AA para texto normal.
¿Qué colores combinan bien con fire brick?
Su color complementario es #22b4b4; los colores análogos #b4226b y #b46b22 están junto a él en la rueda de colores.