Neon Purple #BC13FE
Neon Purple é um roxo médio-escuro e vívido, com código hex #BC13FE e RGB rgb(188, 19, 254).
Aa
O texto preto é o que melhor se lê sobre esta cor (4.66:1).
Sobre esta cor
#BC13FE é um roxo médio-escuro e vívido. Em OKLCH, a luminosidade é 61%, o croma 0.297 e o matiz 312°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Neon Purple. O texto preto é o que melhor se lê sobre esta cor, com 4.66:1.
| Família de matiz | Roxos |
| Luminosidade | médio-escuro (61%) |
| Croma | vívido (0.297) |
| Temperatura | intermediário |
| Nome mais próximo | Neon Purple |
| Texto preto | 4.66:1 |
| Texto branco | 4.50:1 |
Cores que combinam com Neon Purple
Combinações obtidas ao girar Neon 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 Neon Purple
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Neon Purple, da mais próxima à mais distante.
Ainda nenhuma paleta selecionada tem uma cor a menos de ΔE 0.06 de Neon Purple.
Cores com nome parecidas
As oito cores com nome mais próximas de Neon Purple, com a distância ΔE.
- Bright Purple #BE03FD ΔE 0.006
- Bright Violet #AD0AFD ΔE 0.031
- Hot Purple #CB00F5 ΔE 0.034
- Electric Purple #AA23FF ΔE 0.035
- Vibrant Purple #AD03DE ΔE 0.056
- Vivid Purple #9900FA ΔE 0.071
- Purple Pink #D725DE ΔE 0.078
- Lighter Purple #A55AF4 ΔE 0.088
Mais sobre Neon Purple
Como fazer Neon 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.144 em relação a Neon Purple. Neon Purple é mais intenso do que estas tintas conseguem misturar, então comece com uma tinta roxo pronta e ajuste.
Códigos de Neon Purple em todos os formatos
| HEX | #BC13FE |
| RGB | rgb(188, 19, 254) |
| HSL | hsl(283, 99%, 54%) |
| OKLCH | oklch(60.8% 0.297 312.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 #BC13FE | 4.50:1 | AA | Lc -74.6 | Texto de conteúdo, não para leitura longa |
| Texto preto sobre #BC13FE | 4.66:1 | AA | Lc 35.0 | Elementos que não são texto, texto de placeholder |
| Texto #BC13FE sobre branco | 4.50:1 | AA | Lc 69.1 | Texto de conteúdo, não para leitura longa |
| Texto #BC13FE sobre preto | 4.66:1 | AA | Lc -32.6 | Elementos que não são texto, texto de placeholder |
Tons claros e escuros de Neon 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 500.
-
Passo 50
50
#FAF2FF
oklch(97.1% 0.019 312.8)
-
Passo 100
100
#F3E2FF
oklch(93.5% 0.043 311.5)
-
Passo 200
200
#EBCBFF
oklch(88.5% 0.078 312.3)
-
Passo 300
300
#DEA7FF
oklch(81% 0.133 312.2)
-
Passo 400
400
#CD70FF
oklch(70.8% 0.215 312.2)
-
Passo 500
500 (esta cor)
#BC13FE
oklch(60.8% 0.297 312.1)
-
Passo 600
600
#A800E4
oklch(55.6% 0.278 312.2)
-
Passo 700
700
#8E00C1
oklch(49.2% 0.246 312.3)
-
Passo 800
800
#7500A0
oklch(42.8% 0.214 312.3)
-
Passo 900
900
#620087
oklch(37.7% 0.189 312.2)
-
Passo 950
950
#3A0750
oklch(27% 0.123 312.4)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Neon 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) | #0070FF | 0.243 |
| Deuteranopia (sem cones verdes) | #0079FA | 0.247 |
| Tritanopia (sem cones azuis) | #B45E97 | 0.194 |
| Acromatopsia (sem cor) | #777777 | 0.300 |
Use Neon 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.