Paleta de Cores

Cor púrpura

Era obtida de um caramujo marinho e custava tão caro que ficou reservada a reis e imperadores. É um violeta avermelhado e profundo. Hoje continua transmitindo luxo e aparece em embalagens premium e na moda.

Também conhecida como: purpúreo.

Púrpura · #800080

Sobre a cor púrpura

O púrpura (#800080) é uma cor intermediária, escura e muito saturada. Faz parte da família dos roxos e violetas. É formada por 128 de vermelho, 0 de verde e 128 de azul (de 0 a 255). É usada principalmente em luxo, moda, branding.

Tons de púrpura: claros e escuros

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

Harmonias da cor púrpura

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

ComplementarPróximo de: Verde
AnálogasPróximo de: Índigo, Borgonha
TríadePróximo de: Verde-oliva, Verde-azulado
Complementar divididaPróximo de: Verde, Verde-jade
TétradePróximo de: Chocolate, Verde, Ultravioleta

Paletas com a cor púrpura

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

Paleta monocromática · Púrpura
Paleta análoga · Púrpura
Paleta complementar · Púrpura
Paleta tríade · Púrpura
Paleta com neutros · Púrpura
Paleta com destaque · Púrpura

Contraste de púrpura com texto

Texto brancoContraste 9.4:1 · AAA
Texto pretoContraste 2.2:1 · Não recomendado

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

Código CSS

:root {
  --purpura: #800080;
  --purpura-rgb: 128, 0, 128;
}
.fundo { background-color: var(--purpura); }
.texto { color: var(--purpura); }

Cores parecidas com púrpura

Roxo-uvaÍndigoAmeixaRoxoAmetistaAzul-meia-noiteOrquídeaAzul-marinhoAzul-ultramarUltravioleta

Mais roxos e violetas

VioletaRoxoLilásLavandaMalvaAmeixaAmetistaBerinjelaOrquídeaÍndigoRoxo-uvaGlicíniaLilás pastelUltravioleta

Perguntas frequentes

Qual é o código da cor púrpura?

O código HEX da cor púrpura é #800080. Em RGB é rgb(128, 0, 128), em HSL é hsl(300, 100%, 25%) e em CMYK é 0, 100, 0, 50.

Qual é a cor complementar de púrpura?

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

Dá para usar texto branco sobre a cor púrpura?

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