Código de color Medium Orchid (#ba55d3)

Medium Orchid es #ba55d3 en hex y rgb(186, 85, 211), un morado medio. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Medium Orchid
#ba55d3
Nombre CSSmediumorchid
Hex#ba55d3
RGBrgb(186, 85, 211)
HSLhsl(288 59% 58%)
HWBhwb(288 33% 17%)
CMYK12%, 60%, 0%, 17%

Tintes y sombras

Armonías de color

Acerca de Medium Orchid

Medium Orchid (mediumorchid) es un morado medio, de saturación moderada, con el código hexadecimal #ba55d3, o rgb(186, 85, 211). En HSL tiene un tono de 288°, una saturación del 59% y una luminosidad del 58%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: mediumorchid; en lugar del valor hex.

Uso de Medium Orchid en texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Medium Orchid sobre blanco3.94 : 1AA solo en texto grande
Texto Medium Orchid sobre negro5.33 : 1AA

Sobre un fondo medium orchid, usa texto en negro (5.33 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el verificador de contraste.

CSS

.element {
  color: mediumorchid;               /* or #ba55d3 */
  background-color: #ba55d3;
  border: 1px solid rgb(186 85 211 / 50%);
}

Colores con nombre similares

Orquídea (#da70d6), Morado medio (#9370db), Orquídea oscura (#9932cc), Violeta azulado (#8a2be2), Azul pizarra medio (#7b68ee), Violeta (#ee82ee).

Preguntas frecuentes

¿Cuál es el código hex de medium orchid?
#ba55d3, que equivale a rgb(186, 85, 211) y hsl(288, 59%, 58%). En CSS también puedes escribir simplemente mediumorchid.
¿Se lee bien el texto medium orchid sobre blanco?
Su ratio de contraste sobre blanco es 3.94 : 1, que solo cumple para texto grande (WCAG AA texto grande).
¿Qué colores combinan bien con medium orchid?
Su color complementario es #6ed355; los colores análogos #7b55d3 y #d355ad están junto a él en el círculo cromático.