Paleta de Cores

Cor fúcsia

Leva o nome da flor fúcsia, que por sua vez homenageia o botânico Leonhart Fuchs. É um rosa arroxeado muito intenso. É comum na moda de verão, em batons e em marcas jovens.

Também conhecida como: rosa-fúcsia.

Fúcsia · #F400A1

Sobre a cor fúcsia

O fúcsia (#F400A1) é uma cor intermediária, de luminosidade média e muito saturada. Faz parte da família dos rosas. É formada por 244 de vermelho, 0 de verde e 161 de azul (de 0 a 255). É usada principalmente em moda, maquiagem, branding.

Tons de fúcsia: claros e escuros

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

Cores que combinam com fúcsia

PretoContraste forte e elegante.BrancoFresco e limpo.CinzaAcalma o pink sem apagar.Azul-marinhoUm contraste profundo e sofisticado.LaranjaUma mistura vibrante com cara de verão.Verde-esmeraldaContraste de tons de joia.BegeUma base quente que suaviza.TurquesaUma dupla tropical e alegre.
Como usar fúcsia em roupas e decoração →

Harmonias da cor fúcsia

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

ComplementarPróximo de: Verde neon
AnálogasPróximo de: Magenta, Vermelho
TríadePróximo de: Verde-lima, Azul-francês
Complementar divididaPróximo de: Verde neon, Água-marinha
TétradePróximo de: Dourado, Verde neon, Azul

Paletas com a cor fúcsia

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

Paleta monocromática · Fúcsia
Paleta análoga · Fúcsia
Paleta complementar · Fúcsia
Paleta tríade · Fúcsia
Paleta com neutros · Fúcsia
Paleta com destaque · Fúcsia

Contraste de fúcsia com texto

Texto brancoContraste 3.9:1 · AA texto grande
Texto pretoContraste 5.4:1 · AA

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

Código CSS

:root {
  --fucsia: #F400A1;
  --fucsia-rgb: 244, 0, 161;
}
.fundo { background-color: var(--fucsia); }
.texto { color: var(--fucsia); }

Cores parecidas com fúcsia

Rosa-choqueRosa mexicanoRosa neonRosa-chicleteOrquídeaFramboesaRosa blushPúrpuraMagentaAmeixa

Paletas temáticas com esta cor

Paletas de cores neon

Mais rosas

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

Perguntas frequentes

Qual é o código da cor fúcsia?

O código HEX da cor fúcsia é #F400A1. Em RGB é rgb(244, 0, 161), em HSL é hsl(320, 100%, 48%) e em CMYK é 0, 100, 34, 4.

Qual é a cor complementar de fúcsia?

A complementar no círculo cromático é #00F453, 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 fúcsia?

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

Quais cores combinam com fúcsia?

Combina bem com preto, branco, cinza, azul-marinho, laranja. Evite juntar com vermelho ou com rosa-claro, porque competem ou o visual fica bagunçado. Usar muito pink com outra cor intensa pode cansar a vista.