Saltar al contenido
Color Codes

Color CSS con nombre

Código de color MediumVioletRed

MediumVioletRed es un magenta de luminosidad media y intenso con el código hexadecimal #C71585. En RGB es rgb(199, 21, 133), en HSL hsl(322, 81%, 43%) y en CMYK cmyk(0%, 89%, 33%, 22%).

MediumVioletRed
#C71585

Valores del color

En CSS puedes escribirlo con la palabra clave mediumvioletred.

El texto blanco sobre MediumVioletRed tiene una relación de contraste de 5.42:1 y el texto negro de 3.87:1, así que el texto blanco es la opción más legible.

El color de Tailwind CSS más cercano es Pink 600 (#DB2777).

Usar MediumVioletRed en CSS

.element {
  color: mediumvioletred;
  background-color: #c71585;
  border-color: rgb(199, 21, 133);
}

Tonos claros y oscuros de MediumVioletRed

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con MediumVioletRed

Armonías de la rueda de color creadas a partir de #C71585. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre MediumVioletRed

Aa
Texto blanco
5.42:1
AA
Aa
Texto negro
3.87:1
AA · Texto grande
Comprobar en el verificador de contraste

Colores parecidos a MediumVioletRed

Paletas con colores parecidos

Preguntas sobre MediumVioletRed

¿Cuál es el código hexadecimal de MediumVioletRed?

El código hexadecimal de MediumVioletRed es #C71585. Su valor RGB es rgb(199, 21, 133) y su valor HSL es hsl(322, 81%, 43%).

¿Qué colores combinan con MediumVioletRed?

El color complementario de MediumVioletRed es #15C656. Para un esquema más suave prueba los colores análogos #AF15C6 y #C6152D; para un esquema equilibrado de tres colores usa los triádicos #85C615 y #1585C6.

¿MediumVioletRed es legible como color de texto?

Sobre un fondo blanco, MediumVioletRed tiene una relación de contraste de 5.42:1, que cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 3.87:1.

Más colores de la familia rosas