Paleta de Cores

Cor violeta

É a última cor visível do arco-íris, logo antes do ultravioleta. Leva o nome da flor. É associada à criatividade e à espiritualidade, e também à luta feminista.

Violeta · #8F00FF

Sobre a cor violeta

O violeta (#8F00FF) é uma cor fria, de luminosidade média e muito saturada. Faz parte da família dos roxos e violetas. É formada por 143 de vermelho, 0 de verde e 255 de azul (de 0 a 255). É usada principalmente em branding, moda, arte.

Tons de violeta: claros e escuros

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

Cores que combinam com violeta

AmareloSeu complementar: contraste vibrante.CinzaAcalma o violeta e deixa tudo elegante.BrancoContraste limpo e fresco.Verde-mentaUma mistura fresca e original.RosaUm degradê moderno e doce.PrataBrilho frio e elegante.Azul-marinhoProfundidade e mistério.PretoUm visual dramático.
Como usar violeta em roupas e decoração →

Harmonias da cor violeta

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

ComplementarPróximo de: Chartreuse
AnálogasPróximo de: Azul, Magenta
TríadePróximo de: Tangerina, Verde-menta
Complementar divididaPróximo de: Amarelo, Verde neon
TétradePróximo de: Vermelho, Chartreuse, Ciano

Paletas com a cor violeta

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

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

Contraste de violeta com texto

Texto brancoContraste 5.8:1 · AA
Texto pretoContraste 3.6:1 · AA texto grande

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

Código CSS

:root {
  --violeta: #8F00FF;
  --violeta-rgb: 143, 0, 255;
}
.fundo { background-color: var(--violeta); }
.texto { color: var(--violeta); }

Cores parecidas com violeta

AzulMagentaRoxoAzul-escuroRoxo-uvaAzul-ultramarAzul-marinhoÍndigoAzul KleinAzul-elétrico

Paletas temáticas com esta cor

Paletas de cores neon

Mais roxos e violetas

RoxoPúrpuraLilásLavandaMalvaAmeixaAmetistaBerinjelaOrquídeaÍndigoRoxo-uvaGlicíniaLilás pastelUltravioleta

Perguntas frequentes

Qual é o código da cor violeta?

O código HEX da cor violeta é #8F00FF. Em RGB é rgb(143, 0, 255), em HSL é hsl(274, 100%, 50%) e em CMYK é 44, 100, 0, 0.

Qual é a cor complementar de violeta?

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

Dá para usar texto branco sobre a cor violeta?

Sim. O contraste com o branco é 5.8:1, suficiente para texto comum (WCAG AA).

Quais cores combinam com violeta?

Combina bem com amarelo, cinza, branco, verde-menta, rosa. Evite juntar com vermelho ou laranja intensos, porque o conjunto fica pesado. Com roxos parecidos e sem contraste, fica confuso.