14 Tonos Diferentes de Color Magenta (+ Códigos HEX)
Explora todos los tonos de magenta, desde los más claros hasta los más oscuros. Consulta los códigos HEX, los nombres de los tonos y las paletas de colores magenta. Haz clic en cualquier tono para copiar su código HEX.
El magenta no existe en el espectro —el ojo lo inventa donde se encuentran el rojo y el violeta— y se comporta como tal: sintético, ruidoso, inconfundiblemente digital.
Es un primario de imprenta, así que se reproduce muy bien. Déjalo para acentos, salvo que la marca sea así de segura.
- tutu#ffebff
- pink lace#ffd2ff
- lavender rose#ffa1ff
- blush pink#ff89ff
- pink flamingo#ff58ff
- magenta / fuchsia#ff27ff
- purple pizzazz#dd00dd
- hollywood cerise#c400c4
- flirt#ac00ac
- fresh eggplant#7b007b
- pompadour#630063
- blackberry#4a004a
- barossa#320032
- toledo#1a0019
Magenta: Códigos HEX y RGB
magenta tiene los siguientes códigos de color principales:
HEX: #ffebff
RGB: (255, 235, 255).
Explora una amplia gama de tonos de con nuestro selector de colores interactivo. ¡Haz clic en cualquier color para copiar su código HEX y usarlo en tu proyecto!
Explora los tonos más claros de magenta
Tutu
#ffebff
Tutu
#ffebff
Tutu
#fff0ff
Tutu
#fff0ff
Tutu
#fff5ff
Tutu
#fff5ff
Tutu
#fff5ff
Tutu
#fffaff
Tutu
#fffaff
White
#ffffff
Explora los tonos más oscuros de magenta
Loulou
#340934
Wine Berry
#4c154c
Finn
#652565
Plum
#813b81
Strikemaster
#9b559b
Bouquet
#b474b4
Lilac
#cc94cc
Melanie
#e5bde5
magenta en HEX, RGB, HSL y CMYK
| HEX | #FF00FF | |
|---|---|---|
| RGB | rgb(255, 0, 255) | |
| HSL | hsl(300, 100%, 50%) | |
| CMYK | cmyk(0%, 100%, 0%, 0%) |
Tonos claros y oscuros de magenta
Los tonos claros suman blanco y los oscuros suman negro, sin cambiar el matiz. Sirven para estados hover, bordes y fondos que deben seguir siendo del mismo color.
Más claros
#ff27ff
#ff4eff
#ff75ff
#ff9cff
#ffc4ff
#ffebff
Más oscuros
#d800d8
#b100b1
#8a008a
#630063
#3b003b
#140014
Colores que combinan con magenta
Complementario
#FF00FF #00ff00
El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.
Análogos
#7f00ff #FF00FF #ff0080
Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.
Tríada
#FF00FF #ffff00 #00ffff
Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.
Texto sobre magenta
Medido según las WCAG: 4.5:1 para texto normal y 3:1 para texto grande. Prueba tu propia combinación en el Verificador de contraste
Carta de tonos de magenta
Haz clic derecho para guardar la carta, o copia los códigos de arriba.