Códigos html del color granate - hexadecimal + rgb

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

#b03648

códigos del color granate

Color Complementario del granate:

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

#36b09e

Esquema monocromático del color granate

#420000
#5f0d19
#7f1d2b
#9f2e3e
#bc4756
#d36873
#e98791
#ffa7b0

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

Códigos html y css del color granate

formatocódigo
hex#b03648
rgbrgb(176,54,72)
hslhsl(352,54%,46%)
cmykcmyk(0, 70, 60, 31)
hsvhsv(352, 70%, 70%)

¿Cómo es el color granate en rgb?

El color granate en formato RGB esta compuesto por (176 en el canal rojo), por (54 en el canal verde) y (72 en el azul)

¿Cómo es el color granate en cmyk?

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

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

Esta compuesto por (352°) de hue , (54%) de saturation y (46%) de lightness.

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

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

Esquema análogo del color granate

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

#b53647
#b56436
#b53686

Esquema tríada del color granate

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

#b03648
#48b036
#3648b0

Esquema tetrádico del color granate

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

#b03648
#85b036
#36b09e
#6136b0

Esquema complementario dividido del color granate

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

#b03648
#aab036
#3679b0

Tintes del color granate

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

#b03648
#c05e6d
#d08691
#dfafb6
#efd7da
#ffffff

Sombras del color granate

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

#b03648
#8d2b3a
#6a202b
#46161d
#230b0e
#000000

Verificar el contraste del color granate

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

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

Prueba de contrast ratio del color granate como fondo

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

Prueba de contrast ratio del color granate como texto

Cómo implementar el color granate en html y css

A continuación tienes ejemplos de códigos para usar el granate 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 granate 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:#b03648;"> Color granate como fondo de un div</div>
/* Color granate como fondo de la etiqueta body con css */
body {
background: #b03648;
}

Poner el texto de color granate 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:#b03648;"> Color granate como color de texto.</p>
p {
color:#b03648 ;
}

Aquí hay más colores con todos sus códigos