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

códigos del color ciruela

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

formatocódigo
hex#57354d
rgbrgb(87,53,77)
hslhsl(318,25%,28%)
cmykcmyk(0, 40, 12, 66)
hsvhsv(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 ;
}

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