Periwinkle #8E82FE

Periwinkle é um roxo médio-claro e vívido, com código hex #8E82FE e RGB rgb(142, 130, 254).

Aa

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

Sobre esta cor

#8E82FE é um roxo médio-claro e vívido. Em OKLCH, a luminosidade é 67%, o croma 0.178 e o matiz 285°. O matiz fica do lado frio do círculo cromático. É a cor com nome Periwinkle. O texto preto é o que melhor se lê sobre esta cor, com 6.77:1.

Família de matizRoxos
Luminosidademédio-claro (67%)
Cromavívido (0.178)
Temperaturafrio
Nome mais próximoPeriwinkle
Texto preto6.77:1
Texto branco3.09:1

Cores que combinam com Periwinkle

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

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

Cores com nome parecidas

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

Mais sobre Periwinkle

Como fazer Periwinkle

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

Resultado da receita: #9275CF, uma diferença de ΔE 0.072 em relação a Periwinkle. 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 Periwinkle em todos os formatos

HEX#8E82FE
RGBrgb(142, 130, 254)
HSLhsl(246, 98%, 75%)
OKLCHoklch(67.5% 0.178 285)

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 #8E82FE 3.09:1 AA texto grande Lc -63.1 Texto de conteúdo, não para leitura longa
Texto preto sobre #8E82FE 6.77:1 AA Lc 46.3 Texto grande ou em negrito, títulos
Texto #8E82FE sobre branco 3.09:1 AA texto grande Lc 57.8 Texto grande ou em negrito, títulos
Texto #8E82FE sobre preto 6.77:1 AA Lc -44.0 Elementos que não são texto, texto de placeholder

Tons claros e escuros de Periwinkle

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

    #F4F4FF

    oklch(97% 0.015 286.1)

  2. Passo 100

    100

    #E7E7FF

    oklch(93.5% 0.032 285.8)

  3. Passo 200

    200

    #D4D4FF

    oklch(88.4% 0.059 285.1)

  4. Passo 300

    300

    #B9B8FF

    oklch(80.9% 0.1 284.6)

  5. Passo 400

    400 (esta cor)

    #8E82FE

    oklch(67.5% 0.178 285)

  6. Passo 500

    500

    #816EFF

    oklch(63.1% 0.207 284.7)

  7. Passo 600

    600

    #6E48FA

    oklch(55.6% 0.247 284.8)

  8. Passo 700

    700

    #5D37DA

    oklch(49.1% 0.23 284.8)

  9. Passo 800

    800

    #4C30B0

    oklch(42.8% 0.19 285.1)

  10. Passo 900

    900

    #3E2D8B

    oklch(37.7% 0.148 285.1)

  11. Passo 950

    950

    #241C51

    oklch(27% 0.093 285.2)

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

Periwinkle 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)#4C96FF0.083
Deuteranopia (sem cones verdes)#488FFB0.082
Tritanopia (sem cones azuis)#6A9CB40.151
Acromatopsia (sem cor)#9292920.178

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