Saltar al contenido
Color Codes

Color CSS con nombre

Código de color MediumPurple

MediumPurple es un azul violáceo de luminosidad media y moderadamente saturado con el código hexadecimal #9370DB. En RGB es rgb(147, 112, 219), en HSL hsl(260, 60%, 65%) y en CMYK cmyk(33%, 49%, 0%, 14%).

MediumPurple
#9370DB

Valores del color

En CSS puedes escribirlo con la palabra clave mediumpurple.

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

El color de Tailwind CSS más cercano es Violet 500 (#8B5CF6).

Usar MediumPurple en CSS

.element {
  color: mediumpurple;
  background-color: #9370db;
  border-color: rgb(147, 112, 219);
}

Tonos claros y oscuros de MediumPurple

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

Colores que combinan con MediumPurple

Armonías de la rueda de color creadas a partir de #9370DB. 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 MediumPurple

Aa
Texto blanco
3.76:1
AA · Texto grande
Aa
Texto negro
5.58:1
AA
Comprobar en el verificador de contraste

Colores parecidos a MediumPurple

Paletas con colores parecidos

Preguntas sobre MediumPurple

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

El código hexadecimal de MediumPurple es #9370DB. Su valor RGB es rgb(147, 112, 219) y su valor HSL es hsl(260, 60%, 65%).

¿Qué colores combinan con MediumPurple?

El color complementario de MediumPurple es #B8DB70. Para un esquema más suave prueba los colores análogos #7082DB y #C970DB; para un esquema equilibrado de tres colores usa los triádicos #DB9470 y #70DB94.

¿MediumPurple es legible como color de texto?

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

Más colores de la familia morados