Código del color Medium Purple (#9370db)

Medium Purple es #9370db en hex y rgb(147, 112, 219): un morado claro. Abajo encontrarás cada formato de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Medium Purple
#9370db
Nombre CSSmediumpurple
Hex#9370db
RGBrgb(147, 112, 219)
HSLhsl(260 60% 65%)
HWBhwb(260 44% 14%)
CMYK33%, 49%, 0%, 14%

Tonos y sombras

Armonías de color

Acerca de Medium Purple

Medium Purple (mediumpurple) es un morado claro y vivo con el código hex #9370db, o rgb(147, 112, 219). En HSL tiene un tono de 260°, 60 % de saturación y 65 % de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: mediumpurple; en lugar del valor hex.

Uso de Medium Purple en texto y fondos

CombinaciónRelación de contrasteWCAG
Texto Medium Purple sobre blanco3.76 : 1AA solo para texto grande
Texto Medium Purple sobre negro5.58 : 1AA

Sobre un fondo morado medio, usa texto en negro (5.58 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Contrast Checker.

CSS

.element {
  color: mediumpurple;               /* or #9370db */
  background-color: #9370db;
  border: 1px solid rgb(147 112 219 / 50%);
}

Colores con nombre similares

Azul pizarra medio (#7b68ee), Orquídea media (#ba55d3), Azul pizarra (#6a5acd), Azul aciano (#6495ed), Orquídea oscura (#9932cc), Violeta azulado (#8a2be2).

Preguntas frecuentes

¿Cuál es el código hex del medium purple?
#9370db, que equivale a rgb(147, 112, 219) y hsl(260, 60%, 65%). En CSS también puedes escribir simplemente mediumpurple.
¿El texto medium purple es legible sobre blanco?
Su relación de contraste sobre blanco es 3.76 : 1, que solo cumple para texto grande (WCAG AA texto grande).
¿Qué colores combinan bien con el medium purple?
Su color complementario es #b8db70; los colores análogos #7082db y #c970db están junto a él en el círculo cromático.