Códigos html del color ladrillo - hexadecimal + rgb

Descubre todos los códigos html del color ladrillo - hexadecimal, rgb, hsl, hsv y cmyk, además de diferentes combinaciones, esquemas, temperaturas tonos y tipos de color ladrillo.

#b22222

códigos del color ladrillo

Color Complementario del ladrillo:

El color complementario de un color es el opuesto de este en la rueda de colores (circulo cromático).

#22b2b2

Esquema monocromático del color ladrillo

#450000
#62070e
#811116
#a11c1e
#be372f
#d45a4a
#ea7a67
#ff9985

Este esquema tiene como base el color ladrillo y esta compuesto por diferentes matices, tonalidades y sombras tanto oscuras como claras.

Códigos html y css del color ladrillo

formatocódigo
hex#b22222
rgbrgb(178,34,34)
hslhsl(0,68%,42%)
cmykcmyk(0, 81, 81, 31)
hsvhsv(0, 81%, 70%)

¿Cómo es el color ladrillo en rgb?

El color ladrillo en formato RGB esta compuesto por (178 en el canal rojo), por (34 en el canal verde) y (34 en el azul)

¿Cómo es el color ladrillo en cmyk?

Esta compuesto por (0%) de cian, (81%) de magenta, (81%) de yellow / amarillo, (31%) de key / negro.

¿Cúal es la composición del color ladrillo en hsl?

Esta compuesto por (0°) de hue , (68%) de saturation y (42%) de lightness.

¿Cómo es el color ladrillo en formato hsv?

el color ladrillo en formato hsv esta compuesto por (0°) de hue , (81%) de saturation y (70%) de value.

Esquema análogo del color ladrillo

Los colores análogos se obtienen a partir de los dos colores más cercanos dentro de el circulo cromático

#b42222
#b46b22
#b4226b

Esquema tríada del color ladrillo

El esquema tríadico los obtenemos a partir de 3 colores igualmente separados entre sí dentro del circulo cromático

#b22222
#22b222
#2222b2

Esquema tetrádico del color ladrillo

Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.

#b22222
#6ab222
#22b2b2
#6a22b2

Esquema complementario dividido del color ladrillo

Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.

#b22222
#95b222
#225cb2

Tintes del color ladrillo

Los tintes los obtenemos a partir del color ladrillo como base hasta llegar al blanco encontrando en medio tonos de colores pastel

#b22222
#c14e4e
#d17a7a
#e0a7a7
#f0d3d3
#ffffff

Sombras del color ladrillo

Estas sombras se obtienen a partir del color ladrillo como base hasta llegar al negro.

#b22222
#8e1b1b
#6b1414
#470e0e
#240707
#000000

Verificar el contraste del color ladrillo

A continuación puedes validar la relación de contraste del color ladrillo ya sea usándolo como color de fondo o de texto.

Cambiar el color del texto
Relación de contraste: 6.68

Prueba de contrast ratio del color ladrillo como fondo

Cambiar el color de fondo
Relación de contraste: 2.34

Prueba de contrast ratio del color ladrillo como texto

Cómo implementar el color firebrick en html y css

A continuación tienes ejemplos de códigos para usar el firebrick en tu página web. Recuerda que puedes implementar el color en html usando los códigos de colores ya sea hexadecimal rgb o hsl y también directamente con el nombre de color escrito en inglés (siempre y cuando sea soportado nativamente por html)

Color firebrick de fondo en html - css

Para poner el color de fondo puedes usar estilos en línea o también aplicarlos en una hoja css

<div style="background:#b22222;"> Color firebrick como fondo de un div</div>
/* Color firebrick como fondo de la etiqueta body con css */
body {
background: #b22222;
}

Poner el texto de color firebrick en html - css

Para poner el color de texto puedes usar estilos en línea o también aplicarlos en una hoja css

<p style="color:#b22222;"> Color firebrick como color de texto.</p>
p {
color:#b22222 ;
}