Paleta de Cores

Cor azul-pervinca

Um azul suave com um toque de lavanda que o aproxima do lilás. O nome vem da flor pervinca, e ele fica lindo em quartos tranquilos, papelaria e vestidos de primavera.

Também conhecida como: pervinca, azul-lavanda.

Abrir no editor

O código HEX da cor azul-pervinca é #CCCCFF. Em RGB é rgb(204, 204, 255), em HSL é hsl(240, 100%, 90%) e em CMYK é 20, 20, 0, 0.

Veja na vida real

Escolha uma cor para combinar e veja como fica em roupas, decoração e design.

Cores parecidas com azul-pervinca

Lilás pastel#DCD0FFRoxo-claro#CBC3E3Cardo#D8BFD8Lilás#C8A2C8Glicínia#C9A0DCMalva#E0B0FF

Sobre a cor azul-pervinca

O azul-pervinca (#CCCCFF) é uma cor fria, clara e muito saturada. Faz parte da família dos azuis. É formada por 204 de vermelho, 204 de verde e 255 de azul (de 0 a 255). É usada principalmente em decoração, moda, casamentos.

Amostra da cor Azul-pervinca com seus tons do claro ao escuro · #CCCCFF
Azul-pervinca · #CCCCFF

Tons de azul-pervinca: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Veja todos os tons: Gerador de escala de cores

Roupa na cor azul-pervinca: paletas por estação

Combinações de roupa com azul-pervinca ou um tom bem parecido, com 8 looks para copiar em cada uma.

BohoPrimavera · FemininaMinimalistaPrimavera · FemininaMontanhaInverno · FemininaStreetwearInverno · Feminina

Harmonias da cor azul-pervinca

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Creme
AnálogasPróximo de: Azul-claro, Lilás pastel
TríadePróximo de: Quartzo rosa, Verde-celadon
Complementar divididaPróximo de: Champanhe, Creme

Paletas com a cor azul-pervinca

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Azul-pervinca
Paleta análoga · Azul-pervinca
Paleta complementar · Azul-pervinca
Paleta tríade · Azul-pervinca
Paleta com neutros · Azul-pervinca
Paleta com destaque · Azul-pervinca

Contraste de azul-pervinca com texto

Texto brancoContraste 1.5:1 · Não recomendado
Texto pretoContraste 13.6:1 · AAA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --azul-pervinca: #CCCCFF;
  --azul-pervinca-rgb: 204, 204, 255;
}
.fundo { background-color: var(--azul-pervinca); }
.texto { color: var(--azul-pervinca); }

Cores parecidas com azul-pervinca

Azul-bebêAzul pastelMagnóliaAzul-claro

Paletas temáticas com esta cor

Mais azuis

AzulAzul-marinhoAzul-celesteAzul-cobaltoAzul-safiraAzul-açoAzul-royalAzul-elétricoAzul-meia-noiteAzul-ultramarAzul-francêsAzul-da-prússiaAzul pastelAzul-bebêAzul-jeansAzul KleinAzul-escuroAzul-claroAzul-cerúleoAzureAzul-centáureaAzul empoeiradoAzul-oceanoAzul-pó
Amostra da cor Azul-pervinca com seus tons do claro ao escuro · #CCCCFF
Amostra da cor Azul-pervinca com seus tons do claro ao escuro · #CCCCFF

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresColoração pessoal por selfieDescubra sua estação e suas melhores cores com uma fotoQual é a cor da sua voz?Fale por 5 segundos e transforme sua voz em uma cor
Ver todas as ferramentas grátis →

Perguntas frequentes

Qual é o código da cor azul-pervinca?

O código HEX da cor azul-pervinca é #CCCCFF. Em RGB é rgb(204, 204, 255), em HSL é hsl(240, 100%, 90%) e em CMYK é 20, 20, 0, 0.

Qual é a cor complementar de azul-pervinca?

A complementar no círculo cromático é #FFFFCC, um tom próximo de creme. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor azul-pervinca?

Melhor usar texto preto: o contraste com o branco é só 1.5:1, enquanto com o preto é 13.6:1.