O roxo escuro é um tom profundo localizado no lado frio do violeta na roda de cores. Seu tom púrpura evoca uma sensação de luxo e sofisticação, enquanto sua tonalidade escura sugere mistério e intriga.

O roxo escuro é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #341539
- Valor RGB: 20,4% vermelho, 8,2% verde e 22,4% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Aqui estão algumas maneiras de usar o roxo escuro em seus designs:
- Crie uma sensação de luxo. O roxo escuro é frequentemente associado a produtos e experiências de alto padrão. Use-o como cor de destaque ou fundo para elevar o valor percebido do seu design.
- Intrigue seu público. A profundidade do roxo escuro pode criar uma sensação de mistério. Use-o em designs onde você deseja evocar curiosidade ou suspense.
- Estabeleça uma atmosfera calma. Embora cores escuras possam ser avassaladoras, o roxo escuro cria uma sensação de tranquilidade quando usado corretamente. Combine-o com cores mais claras para equilibrar o ambiente.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise as considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro profundo do roxo escuro, considere:
- Bordô (#660033) é um roxo com tons avermelhados.
- Índigo (#560591) é mais frio e saturado que o roxo escuro.
- Roxo real (#6C3BAA) é um tom vibrante com um equilíbrio de tons vermelhos e azuis.
- Azul meia-noite (#272757) é um tom profundo e escuro com um toque de roxo.
Para complementar o roxo escuro, considere combiná-lo com:
- Cinza frio (#CBCBCB) equilibra a intensidade do roxo escuro, criando um visual moderno.
- Rosa suave (#E89EB8) suaviza o drama do roxo escuro para um visual feminino.
- Laranja (#FFA500) cria um contraste vibrante e energético, perfeito para uma estética divertida.
- Dourado (#EFBF04) adiciona um toque de luxo, elevando o roxo escuro a um nível régio.
Outras cores que valem a pena considerar incluem prata ou creme para um visual limpo e clássico ou vermelho escuro para um efeito ousado e dramático.
Embora o roxo escuro seja dramático, ele pode entrar em conflito com:
- Marrom (#895129) pode parecer turvo quando combinado com roxo escuro, faltando contraste.
- Escarlate (#ED2100) é muito intenso com roxo escuro, criando uma paleta visualmente desequilibrada.
- Lavanda (#D3D3FF) pode criar um efeito nebuloso, faltando clareza e distinção.
- Fúcsia (#FF00FF) entra em conflito com os tons profundos do roxo escuro, criando uma experiência visual avassaladora.
O roxo escuro é frequentemente associado ao luxo, mistério e sabedoria. Também pode ser ligado à espiritualidade e magia devido à sua conexão com o céu noturno.
Na psicologia das cores, o roxo escuro é frequentemente percebido como uma cor calma e introspectiva. Pode evocar sentimentos de poder e ambição ou inspirar criatividade e imaginação.
No design de UI, o roxo escuro pode criar uma sensação de luxo e exclusividade, frequentemente aparecendo em marcas de alto padrão. No entanto, equilibrar o roxo escuro com cores mais claras é essencial para evitar criar uma interface sombria.
As origens do roxo remontam a civilizações antigas, onde era uma cor reservada para a elite. Os fenícios, renomados por seu comércio, criaram um corante púrpura profundo particularmente valorizado a partir do molusco marinho murex.
Esse roxo era incrivelmente caro, tornando-se um símbolo de riqueza e poder. Imperadores romanos e outros oficiais de alto escalão se adornavam em roxo para significar seu status.
Com o tempo, a criação de corante roxo tornou-se mais acessível, e seu uso se expandiu além das classes superiores. No entanto, o roxo escuro manteve sua associação com opulência e sofisticação. Hoje, continua a ser uma escolha popular de cor na moda de luxo, design e arte.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Cortina dos Sonhos
Amora Silvestre
Whimsigoth
Verificador de contraste
Contraste 16
- Texto grande
#341539
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 1,31
- Texto grande
#341539
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #341539, conhecida como Roxo escuro, tem valores RGB de R:52, G:21, B:57 e valores CMYK de C:9, M:63, Y:0, K:78.
| VALUE | CSS | |
|---|---|---|
| HEX | #341539 | #341539 |
| RGB DECIMAL | 52, 21, 57 | RGB(52,21,57) |
| RGB PERCENTAGE | 20.4, 8.2, 22.4 | RGB(20.4%,8.2%,22.4%) |
| CMYK | 9, 63, 0, 78 | |
| HSL | HSL(291.7, 46.2%, 15.3%) | HSL(291.7, 46.2%, 15.3%) |
| HSV (OR HSB) | 291.7°, 63.2, 22.4 | |
| WEB SAFE | #51051 | #51051 |
| BINARY | 00110100, 00010101, 00111001 | |
| iOS - SwiftUI | Color(red: 0.204, green: 0.082, blue: 0.224) | |
| iOS - UIKit | UIColor(red: 0.204, green: 0.082, blue: 0.224, alpha: 1) | |
| Android - Compose | Color(0xFF341539) |


