Códigos html del color ciruela - hexadecimal + rgb
Descubre todos los códigos html del color ciruela - hexadecimal, rgb, hsl, hsv y cmyk, además de diferentes combinaciones, esquemas, temperaturas tonos y tipos de color ciruela.
#57354d
Color Complementario del ciruela:
El color complementario de un color es el opuesto de este en la rueda de colores (circulo cromático).
#35573f
Esquema monocromático del color ciruela
#000000
#1d151a
#33212e
#4b2e42
#66435b
#845f78
#a37c96
#c39bb6
Este esquema tiene como base el color ciruela y esta compuesto por diferentes matices, tonalidades y sombras tanto oscuras como claras.
Códigos html y css del color ciruela
| formato | código |
|---|---|
| hex | #57354d |
| rgb | rgb(87,53,77) |
| hsl | hsl(318,25%,28%) |
| cmyk | cmyk(0, 40, 12, 66) |
| hsv | hsv(318, 40%, 35%) |
¿Cómo es el color ciruela en rgb?
El color ciruela en formato RGB esta compuesto por (87 en el canal rojo), por (53 en el canal verde) y (77 en el azul)
¿Cómo es el color ciruela en cmyk?
Esta compuesto por (0%) de cian, (40%) de magenta, (12%) de yellow / amarillo, (66%) de key / negro.
¿Cúal es la composición del color ciruela en hsl?
Esta compuesto por (318°) de hue , (25%) de saturation y (28%) de lightness.
¿Cómo es el color ciruela en formato hsv?
el color ciruela en formato hsv esta compuesto por (318°) de hue , (40%) de saturation y (35%) de value.
Esquema análogo del color ciruela
Los colores análogos se obtienen a partir de los dos colores más cercanos dentro de el circulo cromático
#59364f
#59363d
#523659
Esquema tríada del color ciruela
El esquema tríadico los obtenemos a partir de 3 colores igualmente separados entre sí dentro del circulo cromático
#57354d
#4d5735
#354d57
Esquema tetrádico del color ciruela
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
#57354d
#575035
#35573f
#353c57
Esquema complementario dividido del color ciruela
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
#57354d
#574635
#355753
Tintes del color ciruela
Los tintes los obtenemos a partir del color ciruela como base hasta llegar al blanco encontrando en medio tonos de colores pastel
#57354d
#795d71
#9a8694
#bcaeb8
#ddd7db
#ffffff
Sombras del color ciruela
Estas sombras se obtienen a partir del color ciruela como base hasta llegar al negro.
#57354d
#462a3e
#34202e
#23151f
#110b0f
#000000
Verificar el contraste del color ciruela
A continuación puedes validar la relación de contraste del color ciruela ya sea usándolo como color de fondo o de texto.
Cambiar el color del texto
Relación de contraste: 10.39
Prueba de contrast ratio del color ciruela como fondo
Cambiar el color de fondo
Relación de contraste: 1.50
Prueba de contrast ratio del color ciruela como texto
Cómo implementar el color ciruela en html y css
A continuación tienes ejemplos de códigos para usar el ciruela 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 ciruela 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:#57354d;"> Color ciruela como fondo de un div</div>
/* Color ciruela como fondo de la etiqueta body con css */body {background: #57354d;}
Poner el texto de color ciruela 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:#57354d;"> Color ciruela como color de texto.</p>
p {color:#57354d ;}