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
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
| formato | código |
|---|---|
| hex | #b03648 |
| rgb | rgb(176,54,72) |
| hsl | hsl(352,54%,46%) |
| cmyk | cmyk(0, 70, 60, 31) |
| hsv | hsv(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 ;}