Blue With A Hint Of Purple #533CC6

Blue With A Hint Of Purple é um roxo médio-escuro e vívido, com código hex #533CC6 e RGB rgb(83, 60, 198).

Aa

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

Sobre esta cor

#533CC6 é um roxo médio-escuro e vívido. Em OKLCH, a luminosidade é 47%, o croma 0.203 e o matiz 283°. O matiz fica do lado frio do círculo cromático. É a cor com nome Blue With A Hint Of Purple. O texto branco é o que melhor se lê sobre esta cor, com 7.42:1.

Família de matizRoxos
Luminosidademédio-escuro (47%)
Cromavívido (0.203)
Temperaturafrio
Nome mais próximoBlue With A Hint Of Purple
Texto preto2.82:1
Texto branco7.42:1

Cores que combinam com Blue With A Hint Of Purple

Combinações obtidas ao girar Blue With A Hint Of Purple 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

Paletas de cores com Blue With A Hint Of Purple

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

Cores com nome parecidas

As oito cores com nome mais próximas de Blue With A Hint Of Purple, com a distância ΔE.

Mais sobre Blue With A Hint Of Purple

Como fazer Blue With A Hint Of 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.

  • 3 partes de roxo
  • 2 partes de azul
  • 1 parte de branco

Resultado da receita: #5443A8, uma diferença de ΔE 0.049 em relação a Blue With A Hint Of Purple. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.

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

Códigos de Blue With A Hint Of Purple em todos os formatos

HEX#533CC6
RGBrgb(83, 60, 198)
HSLhsl(250, 55%, 51%)
OKLCHoklch(47.1% 0.203 283)

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 #533CC6 7.42:1 AAA Lc -90.0 Bom para texto de corpo
Texto preto sobre #533CC6 2.82:1 Não atende Lc 18.9 Apenas divisores e decoração
Texto #533CC6 sobre branco 7.42:1 AAA Lc 85.1 Bom para texto de corpo
Texto #533CC6 sobre preto 2.82:1 Não atende Lc -16.9 Apenas divisores e decoração

Tons claros e escuros de Blue With A Hint Of 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 700.

  1. Passo 50

    50

    #F4F5FE

    oklch(97.2% 0.012 281.1)

  2. Passo 100

    100

    #E7E8FD

    oklch(93.7% 0.028 283.7)

  3. Passo 200

    200

    #D3D5FD

    oklch(88.4% 0.055 283)

  4. Passo 300

    300

    #B7B9FE

    oklch(80.9% 0.097 282.7)

  5. Passo 400

    400

    #9491FE

    oklch(70.7% 0.157 282.9)

  6. Passo 500

    500

    #7D71FC

    oklch(63.1% 0.2 282.9)

  7. Passo 600

    600

    #6954EB

    oklch(55.6% 0.217 283.1)

  8. Passo 700

    700 (esta cor)

    #533CC6

    oklch(47.1% 0.203 283)

  9. Passo 800

    800

    #4738A6

    oklch(42.6% 0.169 282.8)

  10. Passo 900

    900

    #3B3283

    oklch(37.6% 0.131 283.1)

  11. Passo 950

    950

    #221E4D

    oklch(26.9% 0.084 283.1)

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

Blue With A Hint Of 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ãoVista comoMudança (ΔE)
Protanopia (sem cones vermelhos)#005ACA0.087
Deuteranopia (sem cones verdes)#0051C30.080
Tritanopia (sem cones azuis)#0D617C0.172
Acromatopsia (sem cor)#5555550.204

Use Blue With A Hint Of 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.