Violet Blue #510AC9
Violet Blue é um roxo escuro e vívido, com código hex #510AC9 e RGB rgb(81, 10, 201).
Aa
O texto branco é o que melhor se lê sobre esta cor (9.38:1).
Sobre esta cor
#510AC9 é um roxo escuro e vívido. Em OKLCH, a luminosidade é 43%, o croma 0.242 e o matiz 286°. O matiz fica do lado frio do círculo cromático. É a cor com nome Violet Blue. O texto branco é o que melhor se lê sobre esta cor, com 9.38:1.
| Família de matiz | Roxos |
| Luminosidade | escuro (43%) |
| Croma | vívido (0.242) |
| Temperatura | frio |
| Nome mais próximo | Violet Blue |
| Texto preto | 2.23:1 |
| Texto branco | 9.38:1 |
Cores que combinam com Violet Blue
Combinações obtidas ao girar Violet Blue 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 Violet Blue
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Violet Blue, da mais próxima à mais distante.
Ainda nenhuma paleta selecionada tem uma cor a menos de ΔE 0.06 de Violet Blue.
Cores com nome parecidas
As oito cores com nome mais próximas de Violet Blue, com a distância ΔE.
- Purple Blue #5D21D0 ΔE 0.035
- Chrysanthemum #560BAD ΔE 0.049
- Majorelle Blue #3F37C9 ΔE 0.055
- Indigo Blue #3A18B1 ΔE 0.055
- Blurple #5539CC ΔE 0.056
- Imperial Purple #480CA8 ΔE 0.056
- Blue With A Hint Of Purple #533CC6 ΔE 0.060
- Blue Purple #5A06EF ΔE 0.063
Mais sobre Violet Blue
Como fazer Violet Blue
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.
- 1 parte de azul
- 1 parte de roxo
Resultado da receita: #3B3A9F, uma diferença de ΔE 0.089 em relação a Violet Blue. Violet Blue é mais intenso do que estas tintas conseguem misturar, então comece com uma tinta roxo pronta e ajuste.
Códigos de Violet Blue em todos os formatos
| HEX | #510AC9 |
| RGB | rgb(81, 10, 201) |
| HSL | hsl(262, 91%, 41%) |
| OKLCH | oklch(42.7% 0.242 286) |
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 #510AC9 | 9.38:1 | AAA | Lc -94.1 | Ideal para texto de corpo |
| Texto preto sobre #510AC9 | 2.23:1 | Não atende | Lc 14.4 | Não legível |
| Texto #510AC9 sobre branco | 9.38:1 | AAA | Lc 89.6 | Bom para texto de corpo |
| Texto #510AC9 sobre preto | 2.23:1 | Não atende | Lc -12.7 | Não legível |
Tons claros e escuros de Violet Blue
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 800.
-
Passo 50
50
#F4F4FF
oklch(97% 0.015 286.1)
-
Passo 100
100
#E7E7FF
oklch(93.5% 0.032 285.8)
-
Passo 200
200
#D5D4FF
oklch(88.5% 0.059 286.2)
-
Passo 300
300
#BBB7FF
oklch(80.9% 0.101 286.5)
-
Passo 400
400
#9A8FFF
oklch(70.8% 0.16 286)
-
Passo 500
500
#846DFF
oklch(63.2% 0.208 286)
-
Passo 600
600
#7242FF
oklch(55.6% 0.258 286.1)
-
Passo 700
700
#6400F5
oklch(49.1% 0.285 286.2)
-
Passo 800
800 (esta cor)
#510AC9
oklch(42.7% 0.242 286)
-
Passo 900
900
#411D9E
oklch(37.7% 0.189 285.8)
-
Passo 950
950
#25155C
oklch(27% 0.119 285.7)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Violet Blue 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) | #004BCE | 0.108 |
| Deuteranopia (sem cones verdes) | #0041C6 | 0.098 |
| Tritanopia (sem cones azuis) | #005176 | 0.195 |
| Acromatopsia (sem cor) | #464646 | 0.245 |
Use Violet Blue 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.