Bright Violet #AD0AFD
Bright Violet é um roxo médio-escuro e vívido, com código hex #AD0AFD e RGB rgb(173, 10, 253).
Aa
O texto branco é o que melhor se lê sobre esta cor (4.95:1).
Sobre esta cor
#AD0AFD é um roxo médio-escuro e vívido. Em OKLCH, a luminosidade é 59%, o croma 0.296 e o matiz 308°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Bright Violet. O texto branco é o que melhor se lê sobre esta cor, com 4.95:1.
| Família de matiz | Roxos |
| Luminosidade | médio-escuro (59%) |
| Croma | vívido (0.296) |
| Temperatura | intermediário |
| Nome mais próximo | Bright Violet |
| Texto preto | 4.23:1 |
| Texto branco | 4.95:1 |
Cores que combinam com Bright Violet
Combinações obtidas ao girar Bright 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 Bright Violet
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Bright Violet, da mais próxima à mais distante.
Ainda nenhuma paleta selecionada tem uma cor a menos de ΔE 0.06 de Bright Violet.
Cores com nome parecidas
As oito cores com nome mais próximas de Bright Violet, com a distância ΔE.
- Electric Purple #AA23FF ΔE 0.014
- Neon Purple #BC13FE ΔE 0.031
- Bright Purple #BE03FD ΔE 0.034
- Vivid Purple #9900FA ΔE 0.041
- Vibrant Purple #AD03DE ΔE 0.048
- Hot Purple #CB00F5 ΔE 0.062
- Blue Violet #8A2BE2 ΔE 0.076
- Dark Violet #9400D3 ΔE 0.079
Mais sobre Bright Violet
Como fazer Bright 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.
- 2 partes de roxo
- 1 parte de branco
Resultado da receita: #944DB4, uma diferença de ΔE 0.137 em relação a Bright Violet. Bright Violet é mais intenso do que estas tintas conseguem misturar, então comece com uma tinta roxo pronta e ajuste.
Códigos de Bright Violet em todos os formatos
| HEX | #AD0AFD |
| RGB | rgb(173, 10, 253) |
| HSL | hsl(280, 98%, 52%) |
| OKLCH | oklch(58.5% 0.296 308.2) |
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 #AD0AFD | 4.95:1 | AA | Lc -77.4 | Bom para texto de corpo |
| Texto preto sobre #AD0AFD | 4.23:1 | AA texto grande | Lc 32.2 | Elementos que não são texto, texto de placeholder |
| Texto #AD0AFD sobre branco | 4.95:1 | AA | Lc 71.9 | Texto de conteúdo, não para leitura longa |
| Texto #AD0AFD sobre preto | 4.23:1 | AA texto grande | Lc -29.8 | Apenas divisores e decoração |
Tons claros e escuros de Bright 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 600.
-
Passo 50
50
#F9F2FF
oklch(97% 0.019 309.8)
-
Passo 100
100
#F1E3FE
oklch(93.5% 0.039 308.8)
-
Passo 200
200
#E7CDFF
oklch(88.6% 0.073 308.4)
-
Passo 300
300
#D7AAFF
oklch(80.9% 0.126 308)
-
Passo 400
400
#C477FF
oklch(70.8% 0.201 308.2)
-
Passo 500
500
#B645FF
oklch(63.1% 0.262 308.2)
-
Passo 600
600 (esta cor)
#AD0AFD
oklch(58.5% 0.296 308.2)
-
Passo 700
700
#8900C9
oklch(49.1% 0.25 308.5)
-
Passo 800
800
#7000A7
oklch(42.6% 0.218 308)
-
Passo 900
900
#5C1187
oklch(37.7% 0.177 308.2)
-
Passo 950
950
#360F4F
oklch(27.1% 0.112 308.4)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Bright 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) | #006BFF | 0.223 |
| Deuteranopia (sem cones verdes) | #0071F9 | 0.227 |
| Tritanopia (sem cones azuis) | #9F5F95 | 0.201 |
| Acromatopsia (sem cor) | #707070 | 0.298 |
Use Bright 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.