Saltar al contenido
Color Codes

Color CSS con nombre

Código de color FireBrick

FireBrick es un rojo de luminosidad media y intenso con el código hexadecimal #B22222. En RGB es rgb(178, 34, 34), en HSL hsl(0, 68%, 42%) y en CMYK cmyk(0%, 81%, 81%, 30%).

FireBrick
#B22222

Valores del color

En CSS puedes escribirlo con la palabra clave firebrick.

El texto blanco sobre FireBrick tiene una relación de contraste de 6.68:1 y el texto negro de 3.14:1, así que el texto blanco es la opción más legible.

El color de Tailwind CSS más cercano es Red 700 (#B91C1C).

Usar FireBrick en CSS

.element {
  color: firebrick;
  background-color: #b22222;
  border-color: rgb(178, 34, 34);
}

Tonos claros y oscuros de FireBrick

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con FireBrick

Armonías de la rueda de color creadas a partir de #B22222. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre FireBrick

Aa
Texto blanco
6.68:1
AA
Aa
Texto negro
3.14:1
AA · Texto grande
Comprobar en el verificador de contraste

Colores parecidos a FireBrick

Paletas con colores parecidos

Preguntas sobre FireBrick

¿Cuál es el código hexadecimal de FireBrick?

El código hexadecimal de FireBrick es #B22222. Su valor RGB es rgb(178, 34, 34) y su valor HSL es hsl(0, 68%, 42%).

¿Qué colores combinan con FireBrick?

El color complementario de FireBrick es #22B4B4. Para un esquema más suave prueba los colores análogos #B4226B y #B46B22; para un esquema equilibrado de tres colores usa los triádicos #22B422 y #2222B4.

¿FireBrick es legible como color de texto?

Sobre un fondo blanco, FireBrick tiene una relación de contraste de 6.68:1, que cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 3.14:1.

Más colores de la familia rojos