Vibrant Purple #AD03DE
Vibrant Purple é um roxo médio-escuro e vívido, com código hex #AD03DE e RGB rgb(173, 3, 222).
Aa
O texto branco é o que melhor se lê sobre esta cor (5.46:1).
Sobre esta cor
#AD03DE é um roxo médio-escuro e vívido. Em OKLCH, a luminosidade é 56%, o croma 0.274 e o matiz 315°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Vibrant Purple. O texto branco é o que melhor se lê sobre esta cor, com 5.46:1.
| Família de matiz | Roxos |
| Luminosidade | médio-escuro (56%) |
| Croma | vívido (0.274) |
| Temperatura | intermediário |
| Nome mais próximo | Vibrant Purple |
| Texto preto | 3.84:1 |
| Texto branco | 5.46:1 |
Cores que combinam com Vibrant Purple
Combinações obtidas ao girar Vibrant Purple 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 Vibrant Purple
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Vibrant Purple, da mais próxima à mais distante.
Ainda nenhuma paleta selecionada tem uma cor a menos de ΔE 0.06 de Vibrant Purple.
Cores com nome parecidas
As oito cores com nome mais próximas de Vibrant Purple, com a distância ΔE.
- Bright Violet #AD0AFD ΔE 0.048
- Dark Violet #9400D3 ΔE 0.053
- Dark Orchid #9932CC ΔE 0.053
- Electric Purple #AA23FF ΔE 0.055
- Bright Purple #BE03FD ΔE 0.055
- Neon Purple #BC13FE ΔE 0.056
- Vivid Purple #9900FA ΔE 0.063
- Hot Purple #CB00F5 ΔE 0.066
Mais sobre Vibrant Purple
Como fazer Vibrant Purple
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.109 em relação a Vibrant Purple. Vibrant Purple é mais intenso do que estas tintas conseguem misturar, então comece com uma tinta roxo pronta e ajuste.
Códigos de Vibrant Purple em todos os formatos
| HEX | #AD03DE |
| RGB | rgb(173, 3, 222) |
| HSL | hsl(287, 97%, 44%) |
| OKLCH | oklch(56% 0.274 315.1) |
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 #AD03DE | 5.46:1 | AA | Lc -80.2 | Bom para texto de corpo |
| Texto preto sobre #AD03DE | 3.84:1 | AA texto grande | Lc 29.3 | Apenas divisores e decoração |
| Texto #AD03DE sobre branco | 5.46:1 | AA | Lc 74.8 | Texto de conteúdo, não para leitura longa |
| Texto #AD03DE sobre preto | 3.84:1 | AA texto grande | Lc -26.9 | Apenas divisores e decoração |
Tons claros e escuros de Vibrant Purple
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
#FAF2FD
oklch(97% 0.017 316.9)
-
Passo 100
100
#F3E3FB
oklch(93.6% 0.036 314.6)
-
Passo 200
200
#EBCCF9
oklch(88.5% 0.069 315.3)
-
Passo 300
300
#DFA8F7
oklch(80.9% 0.123 315.3)
-
Passo 400
400
#CE73F3
oklch(70.6% 0.198 315.3)
-
Passo 500
500
#C043EF
oklch(63.1% 0.253 314.9)
-
Passo 600
600 (esta cor)
#AD03DE
oklch(56% 0.274 315.1)
-
Passo 700
700
#9100BB
oklch(49.1% 0.242 315)
-
Passo 800
800
#78009B
oklch(42.8% 0.211 315.2)
-
Passo 900
900
#61157B
oklch(37.8% 0.164 315.4)
-
Passo 950
950
#391048
oklch(27.1% 0.104 315.4)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Vibrant Purple 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) | #0062E3 | 0.235 |
| Deuteranopia (sem cones verdes) | #006DDA | 0.240 |
| Tritanopia (sem cones azuis) | #A84E82 | 0.175 |
| Acromatopsia (sem cor) | #696969 | 0.277 |
Use Vibrant Purple 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.