Código de color morado (#800080)

Morado es #800080 en hexadecimal y rgb(128, 0, 128): un magenta oscuro. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Morado
#800080
Nombre CSSpurple
Hex#800080
RGBrgb(128, 0, 128)
HSLhsl(300 100% 25%)
HWBhwb(300 0% 50%)
CMYK0%, 100%, 0%, 50%

Tintes y sombras

Armonías de color

Acerca del morado

Morado (purple) es un magenta oscuro e intenso con el código hexadecimal #800080, o rgb(128, 0, 128). En HSL tiene un tono de 300°, una saturación del 100 % y una luminosidad del 25 %. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: purple; en lugar del valor hexadecimal.

Uso del morado en texto y fondos

CombinaciónRelación de contrasteWCAG
Texto morado sobre blanco9.42 : 1AAA
Texto morado sobre negro2.23 : 1no cumple

Sobre un fondo morado, usa texto en blanco (9.42 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: purple;               /* or #800080 */
  background-color: #800080;
  border: 1px solid rgb(128 0 128 / 50%);
}

Colores con nombre similares

Magenta oscuro (#8b008b), Índigo (#4b0082), Morado Rebecca (#663399), Rojo violeta medio (#c71585), Azul pizarra oscuro (#483d8b), Violeta oscuro (#9400d3).

Preguntas frecuentes

¿Cuál es el código hexadecimal del morado?
#800080: es decir, rgb(128, 0, 128) y hsl(300, 100%, 25%). En CSS también puedes escribir simplemente purple.
¿Es legible el texto morado sobre blanco?
Su relación de contraste sobre blanco es 9.42 : 1, lo que cumple WCAG AA para texto normal.
¿Qué colores combinan bien con el morado?
Su color complementario es #008000; los colores análogos #400080 y #800040 están junto a él en el círculo cromático.