Paleta de Cores

Cor azure

Um azul brilhante e intenso entre o azul puro e o ciano, como um céu limpo ao meio-dia. O nome vem do lápis-lazúli, passando pelo persa e pelo francês, e aparece muito em sites, bandeiras e marcas com cara de frescor.

Também conhecida como: azul-azure, azul vívido.

Abrir no editor

O código HEX da cor azure é #007FFF. Em RGB é rgb(0, 127, 255), em HSL é hsl(210, 100%, 50%) e em CMYK é 100, 50, 0, 0.

Veja na vida real

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

Cores parecidas com azure

Azul-elétrico#2C75FFAzul-royal#4169E1Azul-safira#0F52BAAzul-jeans#1560BDAzul-ardósia#6A5ACDAzul-centáurea#6495ED

Sobre a cor azure

O azure (#007FFF) é uma cor fria, de luminosidade média e muito saturada. Faz parte da família dos azuis. É formada por 0 de vermelho, 127 de verde e 255 de azul (de 0 a 255). É usada principalmente em web, branding, esportes.

Amostra da cor Azure com seus tons do claro ao escuro · #007FFF
Azure · #007FFF

Tons de azure: 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 azure

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

ComplementarPróximo de: Laranja
AnálogasPróximo de: Ciano, Azul
TríadePróximo de: Rosa-choque, Chartreuse
Complementar divididaPróximo de: Vermelho, Amarelo
TétradePróximo de: Magenta, Laranja, Verde neon

Paletas com a cor azure

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

Paleta monocromática · Azure
Paleta análoga · Azure
Paleta complementar · Azure
Paleta tríade · Azure
Paleta com neutros · Azure
Paleta com destaque · Azure

Contraste de azure com texto

Texto brancoContraste 3.8:1 · AA texto grande
Texto pretoContraste 5.5:1 · AA

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

Código CSS

:root {
  --azure: #007FFF;
  --azure-rgb: 0, 127, 255;
}
.fundo { background-color: var(--azure); }
.texto { color: var(--azure); }

Cores parecidas com azure

Azul-cobaltoAzul-francêsAmetistaAzul Klein

Onde você vê esta cor

GoogleMarcasFacebookMarcas

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úleoAzul-pervincaAzul-centáureaAzul empoeiradoAzul-oceanoAzul-pó
Amostra da cor Azure com seus tons do claro ao escuro · #007FFF
Amostra da cor Azure com seus tons do claro ao escuro · #007FFF

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 azure?

O código HEX da cor azure é #007FFF. Em RGB é rgb(0, 127, 255), em HSL é hsl(210, 100%, 50%) e em CMYK é 100, 50, 0, 0.

Qual é a cor complementar de azure?

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

Dá para usar texto branco sobre a cor azure?

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