Lavender Blue #8B88F8

Lavender Blue é um roxo médio-claro e vívido, com código hex #8B88F8 e RGB rgb(139, 136, 248).

Aa

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

Sobre esta cor

#8B88F8 é um roxo médio-claro e vívido. Em OKLCH, a luminosidade é 68%, o croma 0.162 e o matiz 282°. O matiz fica do lado frio do círculo cromático. É a cor com nome Lavender Blue. O texto preto é o que melhor se lê sobre esta cor, com 6.97:1.

Família de matizRoxos
Luminosidademédio-claro (68%)
Cromavívido (0.162)
Temperaturafrio
Nome mais próximoLavender Blue
Texto preto6.97:1
Texto branco3.01:1

Cores que combinam com Lavender Blue

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

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

Cores com nome parecidas

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

Mais sobre Lavender Blue

Como fazer Lavender 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.

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

Resultado da receita: #648CDB, uma diferença de ΔE 0.069 em relação a Lavender Blue. 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 Lavender Blue em todos os formatos

HEX#8B88F8
RGBrgb(139, 136, 248)
HSLhsl(242, 89%, 75%)
OKLCHoklch(68% 0.162 282.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 #8B88F8 3.01:1 AA texto grande Lc -62.0 Texto de conteúdo, não para leitura longa
Texto preto sobre #8B88F8 6.97:1 AA Lc 47.4 Texto grande ou em negrito, títulos
Texto #8B88F8 sobre branco 3.01:1 AA texto grande Lc 56.7 Texto grande ou em negrito, títulos
Texto #8B88F8 sobre preto 6.97:1 AA Lc -45.1 Texto grande ou em negrito, títulos

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

  1. Passo 50

    50

    #F4F5FF

    oklch(97.2% 0.013 281.6)

  2. Passo 100

    100

    #E6E8FE

    oklch(93.6% 0.03 281.7)

  3. Passo 200

    200

    #D3D5FE

    oklch(88.5% 0.056 283)

  4. Passo 300

    300

    #B7B9FF

    oklch(80.9% 0.098 282.7)

  5. Passo 400

    400 (esta cor)

    #8B88F8

    oklch(68% 0.162 282.4)

  6. Passo 500

    500

    #7C70FF

    oklch(63.1% 0.205 282.6)

  7. Passo 600

    600

    #6852F0

    oklch(55.6% 0.226 282.5)

  8. Passo 700

    700

    #5741D1

    oklch(49.1% 0.21 282.4)

  9. Passo 800

    800

    #4737A9

    oklch(42.8% 0.174 282.6)

  10. Passo 900

    900

    #3A3285

    oklch(37.7% 0.134 282.2)

  11. Passo 950

    950

    #221E4E

    oklch(27% 0.085 282.8)

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

Lavender 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ãoVista comoMudança (ΔE)
Protanopia (sem cones vermelhos)#5C99FC0.064
Deuteranopia (sem cones verdes)#5691F50.064
Tritanopia (sem cones azuis)#689FB40.139
Acromatopsia (sem cor)#9595950.162

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