Paleta de Cores

Cor roxo-escuro

Um roxo muito profundo que quase parece preto com pouca luz. Dá drama a roupas de festa, ao estilo gótico e a sites em modo escuro.

Também conhecida como: violeta-escuro.

Abrir no editor

O código HEX da cor roxo-escuro é #301934. Em RGB é rgb(48, 25, 52), em HSL é hsl(291, 35%, 15%) e em CMYK é 8, 52, 0, 80.

Veja na vida real

Escolha uma cor para combinar e veja como fica em roupas, decoração e design.

Cores parecidas com roxo-escuro

Preto-azulado#0B1426Berinjela#614051Preto-carvão#1C1C1CÉbano#1B1B1BAzul-da-prússia#003153Obsidiana#0B1215

Sobre a cor roxo-escuro

O roxo-escuro (#301934) é uma cor intermediária, escura e de saturação média. Faz parte da família dos roxos e violetas. É formada por 48 de vermelho, 25 de verde e 52 de azul (de 0 a 255). É usada principalmente em moda, web, luxo.

Amostra da cor Roxo-escuro com seus tons do claro ao escuro · #301934
Roxo-escuro · #301934

Tons de roxo-escuro: claros e escuros

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

Veja todos os tons: Gerador de escala de cores

Cores de roupa por estação e estilo80 paletas masculinas e femininas, cada uma com 8 looks para copiar: luxo discreto, praia, montanha, trabalho e mais.Ver paletas de roupa

Harmonias da cor roxo-escuro

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

ComplementarPróximo de: Verde-caçador
Análogas
TríadePróximo de: Taupe, Antracite
Complementar divididaPróximo de: Taupe, Antracite
TétradePróximo de: Expresso, Verde-caçador, Antracite

Paletas com a cor roxo-escuro

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

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

Contraste de roxo-escuro com texto

Texto brancoContraste 16.0:1 · AAA
Texto pretoContraste 1.3:1 · Não recomendado

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

Código CSS

:root {
  --roxo-escuro: #301934;
  --roxo-escuro-rgb: 48, 25, 52;
}
.fundo { background-color: var(--roxo-escuro); }
.texto { color: var(--roxo-escuro); }

Cores parecidas com roxo-escuro

AzevicheAntraciteÔnixExpresso

Paletas temáticas com esta cor

Paletas de cores elegantesPaletas de cores roxoPaletas de cores laranjaPaletas de cores com pretoPaletas de cores lilás

Mais roxos e violetas

VioletaRoxoPúrpuraLilásLavandaMalvaAmeixaAmetistaBerinjelaOrquídeaÍndigoRoxo-uvaGlicíniaLilás pastelUltravioletaLavanda empoeiradaAmoraRoxo-realCardoPúrpura de TiroRoxo-claro
Amostra da cor Roxo-escuro com seus tons do claro ao escuro · #301934
Amostra da cor Roxo-escuro com seus tons do claro ao escuro · #301934

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresColoração pessoal por selfieDescubra sua estação e suas melhores cores com uma fotoQual é a cor da sua voz?Fale por 5 segundos e transforme sua voz em uma cor
Ver todas as ferramentas grátis →

Perguntas frequentes

Qual é o código da cor roxo-escuro?

O código HEX da cor roxo-escuro é #301934. Em RGB é rgb(48, 25, 52), em HSL é hsl(291, 35%, 15%) e em CMYK é 8, 52, 0, 80.

Qual é a cor complementar de roxo-escuro?

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

Dá para usar texto branco sobre a cor roxo-escuro?

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