Paleta de colores

Color magenta

Es uno de los colores base de la impresión CMYK. Se llamó así por la batalla de Magenta, en Italia, del mismo año en que se creó el tinte. En pantalla resulta de mezclar rojo y azul al máximo.

Magenta · #FF00FF

Datos del color magenta

El magenta (#FF00FF) es un color intermedio, de luminosidad media y muy saturado. Pertenece a la familia de los rosas. Se mezcla con 255 de rojo, 0 de verde y 255 de azul (sobre 255). Se usa sobre todo en imprenta, diseño gráfico, web.

Tonos del magenta: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Armonías del color magenta

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Verde neón
AnálogosCercano a: Violeta, Rosa fuerte
TríadaCercano a: Amarillo, Cian
Complementario divididoCercano a: Chartreuse, Verde menta
TétradaCercano a: Naranja, Verde neón, Azul eléctrico

Paletas con el color magenta

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Magenta
Paleta Análoga · Magenta
Paleta Complementaria · Magenta
Paleta Tríada · Magenta
Paleta Con neutros · Magenta
Paleta Con acento · Magenta

Contraste del magenta con texto

Texto blancoContraste 3.1:1 · AA texto grande
Texto negroContraste 6.7:1 · AA

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --magenta: #FF00FF;
  --magenta-rgb: 255, 0, 255;
}
.fondo { background-color: var(--magenta); }
.texto { color: var(--magenta); }

Colores parecidos al magenta

VioletaFucsiaMoradoOrquídeaRosa neónUvaPúrpuraRosa fuerteAzulAmatista

Paletas temáticas con este color

Paletas de colores neón

Otros rosas

RosaRosa paloRosa viejoFucsiaRosa chicleRosa mexicanoRosa pastelRosa bebéRosa fuerteFrambuesaCuarzo rosaOro rosaRuborRosa flamencoRosa neónRosa empolvado

Preguntas frecuentes

¿Cuál es el código del color magenta?

El código HEX del color magenta es #FF00FF. En RGB es rgb(255, 0, 255), en HSL es hsl(300, 100%, 50%) y en CMYK es 0, 100, 0, 0.

¿Qué color es el complementario del magenta?

Su complementario en el círculo cromático es #00FF00, un tono cercano al verde neón. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color magenta?

Mejor usa texto negro: el contraste con blanco es solo 3.1:1, mientras que con negro es 6.7:1.