Dark Violet #9400D3
Dark Violet é um roxo médio-escuro e vívido, com código hex #9400D3 e RGB rgb(148, 0, 211).
Aa
O texto branco é o que melhor se lê sobre esta cor (6.56:1).
Sobre esta cor
#9400D3 é um roxo médio-escuro e vívido. Em OKLCH, a luminosidade é 51%, o croma 0.261 e o matiz 310°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Dark Violet. O texto branco é o que melhor se lê sobre esta cor, com 6.56:1.
| Família de matiz | Roxos |
| Luminosidade | médio-escuro (51%) |
| Croma | vívido (0.261) |
| Temperatura | intermediário |
| Nome mais próximo | Dark Violet |
| Texto preto | 3.19:1 |
| Texto branco | 6.56:1 |
Cores que combinam com Dark Violet
Combinações obtidas ao girar Dark Violet pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.
Análogo
Matizes vizinhos, 30° para cada lado.
Tríade
Três matizes espaçados em 120°.
Paletas de cores com Dark Violet
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Dark Violet, da mais próxima à mais distante.
Ainda nenhuma paleta selecionada tem uma cor a menos de ΔE 0.06 de Dark Violet.
Cores com nome parecidas
As oito cores com nome mais próximas de Dark Violet, com a distância ΔE.
- Dark Orchid #9932CC ΔE 0.043
- Blue Violet #8A2BE2 ΔE 0.043
- Vibrant Purple #AD03DE ΔE 0.053
- Vivid Purple #9900FA ΔE 0.061
- Bright Violet #AD0AFD ΔE 0.079
- Grape #7209B7 ΔE 0.079
- Purply #983FB2 ΔE 0.083
- Electric Purple #AA23FF ΔE 0.083
Mais sobre Dark Violet
Como fazer Dark Violet
Uma receita inicial com cores de tinta comuns, calculada com um modelo espectral de tinta (o modo tinta do misturador). Pigmentos reais variam: misture primeiro um pequeno teste e ajuste.
- 3 partes de roxo
- 1 parte de branco
Resultado da receita: #833EA5, uma diferença de ΔE 0.096 em relação a Dark Violet. Dark Violet é mais intenso do que estas tintas conseguem misturar, então comece com uma tinta roxo pronta e ajuste.
Códigos de Dark Violet em todos os formatos
| HEX | #9400D3 |
| RGB | rgb(148, 0, 211) |
| HSL | hsl(282, 100%, 41%) |
| OKLCH | oklch(51.5% 0.261 309.8) |
Contraste
As razões de contraste do WCAG 2 são a meta de conformidade: o AA exige 4.5:1 para texto de corpo e 3:1 para texto grande; o AAA exige 7:1. Os valores Lc do APCA são uma orientação complementar dos rascunhos do WCAG 3.
| Combinação | WCAG 2 | Resultado | APCA | Orientação APCA |
|---|---|---|---|---|
| Texto branco sobre #9400D3 | 6.56:1 | AA | Lc -85.2 | Bom para texto de corpo |
| Texto preto sobre #9400D3 | 3.19:1 | AA texto grande | Lc 24.0 | Apenas divisores e decoração |
| Texto #9400D3 sobre branco | 6.56:1 | AA | Lc 80.0 | Bom para texto de corpo |
| Texto #9400D3 sobre preto | 3.19:1 | AA texto grande | Lc -21.8 | Apenas divisores e decoração |
Tons claros e escuros de Dark Violet
Uma escala de 50 a 950 criada em OKLCH: o matiz é mantido, a luminosidade segue uma curva parecida com a do Tailwind v4 e cada passo fica dentro da gama sRGB. Esta cor está no passo 700.
-
Passo 50
50
#F9F3FE
oklch(97.2% 0.016 310.1)
-
Passo 100
100
#F1E4FD
oklch(93.7% 0.036 308.9)
-
Passo 200
200
#E7CDFD
oklch(88.5% 0.07 309.3)
-
Passo 300
300
#D9A9FE
oklch(80.8% 0.127 309.6)
-
Passo 400
400
#C676FD
oklch(70.7% 0.201 309.6)
-
Passo 500
500
#B845FA
oklch(63% 0.258 309.9)
-
Passo 600
600
#A403E9
oklch(55.6% 0.28 309.8)
-
Passo 700
700 (esta cor)
#9400D3
oklch(51.5% 0.261 309.8)
-
Passo 800
800
#7201A4
oklch(42.7% 0.216 309.7)
-
Passo 900
900
#5C1682
oklch(37.7% 0.168 309.7)
-
Passo 950
950
#36104C
oklch(26.9% 0.107 310)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Dark Violet com daltonismo
Simulado com o modelo de Machado et al. (2009). ΔE é o quanto a cor se desloca: abaixo de cerca de 0.02 você não notaria a mudança.
| Visão | Vista como | Mudança (ΔE) |
|---|---|---|
| Protanopia (sem cones vermelhos) | #0058D8 | 0.202 |
| Deuteranopia (sem cones verdes) | #005FD0 | 0.206 |
| Tritanopia (sem cones azuis) | #8A4C7B | 0.174 |
| Acromatopsia (sem cor) | #5D5D5D | 0.263 |
Use Dark Violet no seu produto
Transforme em papéis de interface claros e escuros com o contraste verificado e exporte para Tailwind v4, shadcn/ui, CSS ou design tokens.