Paleta de Cores

Cor magenta

É uma das cores-base da impressão CMYK. O nome vem da batalha de Magenta, na Itália, ocorrida no mesmo ano em que o corante foi criado. Na tela resulta da mistura de vermelho e azul no máximo.

Magenta · #FF00FF

Sobre a cor magenta

O magenta (#FF00FF) é uma cor intermediária, de luminosidade média e muito saturada. Faz parte da família dos rosas. É formada por 255 de vermelho, 0 de verde e 255 de azul (de 0 a 255). É usada principalmente em impressão, design gráfico, web.

Tons de magenta: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Harmonias da cor magenta

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Verde neon
AnálogasPróximo de: Violeta, Rosa-choque
TríadePróximo de: Amarelo, Ciano
Complementar divididaPróximo de: Chartreuse, Verde-menta
TétradePróximo de: Laranja, Verde neon, Azul-elétrico

Paletas com a cor magenta

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Magenta
Paleta análoga · Magenta
Paleta complementar · Magenta
Paleta tríade · Magenta
Paleta com neutros · Magenta
Paleta com destaque · Magenta

Contraste de magenta com texto

Texto brancoContraste 3.1:1 · AA texto grande
Texto pretoContraste 6.7:1 · AA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

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

Cores parecidas com magenta

VioletaFúcsiaRoxoOrquídeaRosa neonRoxo-uvaPúrpuraRosa-choqueAzulAmetista

Paletas temáticas com esta cor

Paletas de cores neon

Mais rosas

RosaRoséRosa antigoFúcsiaRosa-chicleteRosa mexicanoRosa pastelRosa-bebêRosa-choqueFramboesaQuartzo rosaOuro roséRosa blushRosa-flamingoRosa neonRosa seco

Perguntas frequentes

Qual é o código da cor magenta?

O código HEX da cor magenta é #FF00FF. Em RGB é rgb(255, 0, 255), em HSL é hsl(300, 100%, 50%) e em CMYK é 0, 100, 0, 0.

Qual é a cor complementar de magenta?

A complementar no círculo cromático é #00FF00, um tom próximo de verde neon. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor magenta?

Melhor usar texto preto: o contraste com o branco é só 3.1:1, enquanto com o preto é 6.7:1.