Blurple #5539CC

Blurple é um roxo médio-escuro e vívido, com código hex #5539CC e RGB rgb(85, 57, 204).

Aa

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

Sobre esta cor

#5539CC é um roxo médio-escuro e vívido. Em OKLCH, a luminosidade é 47%, o croma 0.213 e o matiz 283°. O matiz fica do lado frio do círculo cromático. É a cor com nome Blurple. O texto branco é o que melhor se lê sobre esta cor, com 7.38:1.

Família de matizRoxos
Luminosidademédio-escuro (47%)
Cromavívido (0.213)
Temperaturafrio
Nome mais próximoBlurple
Texto preto2.84:1
Texto branco7.38:1

Cores que combinam com Blurple

Combinações obtidas ao girar Blurple 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 Blurple

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

Cores com nome parecidas

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

Mais sobre Blurple

Como fazer Blurple

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 azul
  • 2 partes de roxo
  • 1 parte de branco

Resultado da receita: #4D4FB4, uma diferença de ΔE 0.060 em relação a Blurple. 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 Blurple em todos os formatos

HEX#5539CC
RGBrgb(85, 57, 204)
HSLhsl(251, 59%, 51%)
OKLCHoklch(47.4% 0.213 283.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 #5539CC 7.38:1 AAA Lc -89.7 Bom para texto de corpo
Texto preto sobre #5539CC 2.84:1 Não atende Lc 19.2 Apenas divisores e decoração
Texto #5539CC sobre branco 7.38:1 AAA Lc 84.8 Bom para texto de corpo
Texto #5539CC sobre preto 2.84:1 Não atende Lc -17.2 Apenas divisores e decoração

Tons claros e escuros de Blurple

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

    #F4F4FF

    oklch(97% 0.015 286.1)

  2. Passo 100

    100

    #E7E8FE

    oklch(93.7% 0.03 283.7)

  3. Passo 200

    200

    #D3D5FF

    oklch(88.5% 0.058 283)

  4. Passo 300

    300

    #B8B9FF

    oklch(81% 0.098 283.3)

  5. Passo 400

    400

    #9590FF

    oklch(70.6% 0.159 283.6)

  6. Passo 500

    500

    #7E6FFF

    oklch(63% 0.206 283.5)

  7. Passo 600

    600

    #6A50F1

    oklch(55.6% 0.229 283.4)

  8. Passo 700

    700 (esta cor)

    #5539CC

    oklch(47.4% 0.213 283.4)

  9. Passo 800

    800

    #4836AA

    oklch(42.8% 0.176 283.1)

  10. Passo 900

    900

    #3C3186

    oklch(37.8% 0.136 283.6)

  11. Passo 950

    950

    #221E4F

    oklch(27.1% 0.087 282.6)

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

Blurple 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)#005AD00.091
Deuteranopia (sem cones verdes)#0051C90.083
Tritanopia (sem cones azuis)#0A617F0.178
Acromatopsia (sem cor)#5656560.214

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