Paleta de Cores

Cor azul

É uma das três cores de luz das telas, junto com o vermelho e o verde. Transmite calma, confiança e ordem. É a cor mais usada em logos de bancos, empresas de tecnologia e redes sociais.

Azul · #0000FF

Sobre a cor azul

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

Tons de azul: claros e escuros

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

Cores que combinam com azul

BrancoFresco e limpo, como o mar e as nuvens.LaranjaSeu complementar, com contraste máximo.CinzaSóbrio e profissional.AmareloAlegre e luminoso.BegeCalor e equilíbrio.RosaContraste doce e moderno.Marrom-caféUma mistura clássica e natural.VerdeSeu vizinho natural, fresco e sereno.
Como usar azul em roupas e decoração →

Harmonias da cor azul

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

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

Paletas com a cor azul

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

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

Contraste de azul com texto

Texto brancoContraste 8.6:1 · AAA
Texto pretoContraste 2.4:1 · Não recomendado

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

Código CSS

:root {
  --azul: #0000FF;
  --azul-rgb: 0, 0, 255;
}
.fundo { background-color: var(--azul); }
.texto { color: var(--azul); }

Cores parecidas com azul

VioletaRoxoAzul-escuroAzul-ultramarAzul-marinhoMagentaAzul KleinRoxo-uvaÍndigoAzul-elétrico

Mais azuis

Azul-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úleo

Perguntas frequentes

Qual é o código da cor azul?

O código HEX da cor azul é #0000FF. Em RGB é rgb(0, 0, 255), em HSL é hsl(240, 100%, 50%) e em CMYK é 100, 100, 0, 0.

Qual é a cor complementar de azul?

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

Dá para usar texto branco sobre a cor azul?

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

Quais cores combinam com azul?

Combina bem com branco, laranja, cinza, amarelo, bege. Evite misturar muitos azuis bem diferentes sem um neutro, porque fica bagunçado. Com roxos intensos, o azul perde a clareza.