Blue Violet #8A2BE2

Blue Violet é um roxo médio-escuro e vívido, com código hex #8A2BE2 e RGB rgb(138, 43, 226).

Aa

O texto branco é o que melhor se lê sobre esta cor (5.95:1).

Sobre esta cor

#8A2BE2 é um roxo médio-escuro e vívido. Em OKLCH, a luminosidade é 53%, o croma 0.250 e o matiz 301°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Blue Violet. O texto branco é o que melhor se lê sobre esta cor, com 5.95:1.

Família de matizRoxos
Luminosidademédio-escuro (53%)
Cromavívido (0.250)
Temperaturaintermediário
Nome mais próximoBlue Violet
Texto preto3.52:1
Texto branco5.95:1

Cores que combinam com Blue Violet

Combinações obtidas ao girar Blue Violet pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.

Complementar

O matiz oposto (180°).

Abra a paleta complementar no gerador

Análogo

Matizes vizinhos, 30° para cada lado.

Abra a paleta análoga no gerador

Tríade

Três matizes espaçados em 120°.

Abra a paleta em tríade no gerador

Paletas de cores com Blue Violet

Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Blue Violet, da mais próxima à mais distante.

Cores com nome parecidas

As oito cores com nome mais próximas de Blue Violet, com a distância ΔE.

Mais sobre Blue Violet

Como fazer Blue 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.097 em relação a Blue Violet. Blue Violet é mais intenso do que estas tintas conseguem misturar, então comece com uma tinta roxo pronta e ajuste.

Que cores formam o roxo? | Tabela de mistura de cores

Códigos de Blue Violet em todos os formatos

HEX#8A2BE2
RGBrgb(138, 43, 226)
HSLhsl(271, 76%, 53%)
OKLCHoklch(53.4% 0.25 301.4)

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çãoWCAG 2ResultadoAPCAOrientação APCA
Texto branco sobre #8A2BE2 5.95:1 AA Lc -83.7 Bom para texto de corpo
Texto preto sobre #8A2BE2 3.52:1 AA texto grande Lc 25.6 Apenas divisores e decoração
Texto #8A2BE2 sobre branco 5.95:1 AA Lc 78.4 Bom para texto de corpo
Texto #8A2BE2 sobre preto 3.52:1 AA texto grande Lc -23.3 Apenas divisores e decoração

Tons claros e escuros de Blue 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.

  1. Passo 50

    50

    #F7F3FE

    oklch(97% 0.015 302.6)

  2. Passo 100

    100

    #EDE5FD

    oklch(93.5% 0.033 300.9)

  3. Passo 200

    200

    #E0D0FD

    oklch(88.5% 0.063 301.3)

  4. Passo 300

    300

    #CDAFFE

    oklch(80.8% 0.113 301.3)

  5. Passo 400

    400

    #B581FD

    oklch(70.7% 0.18 301.3)

  6. Passo 500

    500

    #A459FB

    oklch(63% 0.231 301.3)

  7. Passo 600

    600 (esta cor)

    #8A2BE2

    oklch(53.4% 0.25 301.4)

  8. Passo 700

    700

    #7B24CB

    oklch(49.1% 0.232 301.3)

  9. Passo 800

    800

    #6422A4

    oklch(42.7% 0.192 301.4)

  10. Passo 900

    900

    #512482

    oklch(37.7% 0.15 301.4)

  11. Passo 950

    950

    #2F174C

    oklch(27% 0.094 301.1)

Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind

Blue 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ãoVista comoMudança (ΔE)
Protanopia (sem cones vermelhos)#0063E70.169
Deuteranopia (sem cones verdes)#0063DF0.170
Tritanopia (sem cones azuis)#765F890.182
Acromatopsia (sem cor)#6464640.252

Use Blue 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.