Paleta de Cores

Cor roxo

Um violeta escuro e intenso, como uma amora madura. Na América Latina é muito ligado à Semana Santa e, no Brasil, também à Quaresma e a campanhas de conscientização. Aparece em marcas criativas e moda de festa.

Também conhecida como: cor roxa, roxo-escuro.

Roxo · #6A0DAD

Sobre a cor roxo

O roxo (#6A0DAD) é uma cor fria, de luminosidade média e muito saturada. Faz parte da família dos roxos e violetas. É formada por 106 de vermelho, 13 de verde e 173 de azul (de 0 a 255). É usada principalmente em moda, eventos, branding.

Tons de roxo: claros e escuros

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

Cores que combinam com roxo

AmareloSeu complementar: contraste máximo e vibrante.CinzaAcalma o roxo e deixa tudo elegante.BrancoUm contraste limpo e nítido.Verde-olivaUma mistura natural e surpreendente.DouradoLuxo e realeza.RosaUm degradê quente e moderno.MostardaUm contraste quente mais suave que o amarelo.PretoUm visual dramático para a noite.
Como usar roxo em roupas e decoração →

Harmonias da cor roxo

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

ComplementarPróximo de: Verde-maçã
AnálogasPróximo de: Azul-escuro, Púrpura
TríadePróximo de: Ocre, Verde-jade
Complementar divididaPróximo de: Verde-maçã, Verde
TétradePróximo de: Vermelho-tijolo, Verde-maçã, Verde-azulado

Paletas com a cor roxo

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

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

Contraste de roxo com texto

Texto brancoContraste 9.2:1 · AAA
Texto pretoContraste 2.3:1 · Não recomendado

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

Código CSS

:root {
  --roxo: #6A0DAD;
  --roxo-rgb: 106, 13, 173;
}
.fundo { background-color: var(--roxo); }
.texto { color: var(--roxo); }

Cores parecidas com roxo

Roxo-uvaÍndigoAzul-ultramarAzul-escuroAzul-marinhoAzul KleinPúrpuraAmetistaAzul-meia-noiteVioleta

Paletas temáticas com esta cor

Paletas de cores para sitePaletas de cores neonPaletas de cores retrôPaletas de cores de HalloweenPaletas de cores do Día de Muertos

Mais roxos e violetas

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

Perguntas frequentes

Qual é o código da cor roxo?

O código HEX da cor roxo é #6A0DAD. Em RGB é rgb(106, 13, 173), em HSL é hsl(275, 86%, 36%) e em CMYK é 39, 92, 0, 32.

Qual é a cor complementar de roxo?

A complementar no círculo cromático é #50AD0D, um tom próximo de verde-maçã. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor roxo?

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

Quais cores combinam com roxo?

Combina bem com amarelo, cinza, branco, verde-oliva, dourado. Evite combinar com vermelhos ou laranjas intensos ao mesmo tempo, porque o conjunto fica pesado. Com marrom muito escuro, pode parecer apagado.