Paleta de Cores

Cor azul-ardósia

Um azul médio puxado para o violeta, com um ar frio e meio esfumaçado. É uma cor padrão do CSS e aparece bastante em interfaces, ilustrações e decoração moderna.

Também conhecida como: slate blue.

Abrir no editor

O código HEX da cor azul-ardósia é #6A5ACD. Em RGB é rgb(106, 90, 205), em HSL é hsl(248, 53%, 58%) e em CMYK é 48, 56, 0, 20.

Veja na vida real

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

Cores parecidas com azul-ardósia

Azul-royal#4169E1Ametista#9966CCAzul-safira#0F52BARoxo-real#7851A9Azul-cobalto#0047ABRoxo-uva#6F2DA8

Sobre a cor azul-ardósia

O azul-ardósia (#6A5ACD) é uma cor fria, de luminosidade média e de saturação média. Faz parte da família dos azuis. É formada por 106 de vermelho, 90 de verde e 205 de azul (de 0 a 255). É usada principalmente em web, ilustração, decoração.

Amostra da cor Azul-ardósia com seus tons do claro ao escuro · #6A5ACD
Azul-ardósia · #6A5ACD

Tons de azul-ardósia: 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

Cores de roupa por estação e estilo80 paletas masculinas e femininas, cada uma com 8 looks para copiar: luxo discreto, praia, montanha, trabalho e mais.Ver paletas de roupa

Harmonias da cor azul-ardósia

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

ComplementarPróximo de: Latão
AnálogasPróximo de: Azul-centáurea, Ametista
TríadePróximo de: Terracota, Verde pastel
Complementar divididaPróximo de: Fulvo, Verde pastel
TétradePróximo de: Rosa blush, Latão, Turquesa

Paletas com a cor azul-ardósia

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

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

Contraste de azul-ardósia com texto

Texto brancoContraste 5.3:1 · AA
Texto pretoContraste 4.0:1 · AA texto grande

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

Código CSS

:root {
  --azul-ardosia: #6A5ACD;
  --azul-ardosia-rgb: 106, 90, 205;
}
.fundo { background-color: var(--azul-ardosia); }
.texto { color: var(--azul-ardosia); }

Cores parecidas com azul-ardósia

Azul-elétricoAzul KleinAzul-jeansAzure

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úleoAzul-pervincaAzureAzul-centáureaAzul empoeiradoAzul-oceano
Amostra da cor Azul-ardósia com seus tons do claro ao escuro · #6A5ACD
Amostra da cor Azul-ardósia com seus tons do claro ao escuro · #6A5ACD

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresRoleta personalizadaEscreva suas opções e gire a roleta. De cores tambémCaça-níqueis de coresPuxe a alavanca e ganhe uma paleta de cores
Ver todas as ferramentas grátis →

Perguntas frequentes

Qual é o código da cor azul-ardósia?

O código HEX da cor azul-ardósia é #6A5ACD. Em RGB é rgb(106, 90, 205), em HSL é hsl(248, 53%, 58%) e em CMYK é 48, 56, 0, 20.

Qual é a cor complementar de azul-ardósia?

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

Dá para usar texto branco sobre a cor azul-ardósia?

Sim. O contraste com o branco é 5.3:1, suficiente para texto comum (WCAG AA).