Paleta de Cores

Cor azul-royal

Dizem que surgiu num concurso para criar um vestido para a rainha Carlota da Inglaterra. É um azul vivo e saturado. É muito procurado para vestidos de festa, uniformes esportivos e decoração de formatura.

Também conhecida como: azul-real, azul-rei.

Azul-royal · #4169E1

Sobre a cor azul-royal

O azul-royal (#4169E1) é uma cor fria, de luminosidade média e de saturação média. Faz parte da família dos azuis. É formada por 65 de vermelho, 105 de verde e 225 de azul (de 0 a 255). É usada principalmente em moda, eventos, esportes.

Tons de azul-royal: claros e escuros

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

Cores que combinam com azul-royal

BrancoUm contraste limpo e nítido.PretoUm visual elegante e sério.DouradoTraz brilho e clima de festa.CinzaAcalma o azul e deixa tudo profissional.AmareloContraste alegre e esportivo.LaranjaSeu complementar, muito chamativo.CarameloCalor e elegância juntos.RosaUma mistura moderna e ousada.
Como usar azul-royal em roupas e decoração →

Harmonias da cor azul-royal

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

ComplementarPróximo de: Ouro velho
AnálogasPróximo de: Azul-bebê, Roxo
TríadePróximo de: Framboesa, Verde-grama
Complementar divididaPróximo de: Coral, Verde-maçã
TétradePróximo de: Rosa neon, Ouro velho, Verde pastel

Paletas com a cor azul-royal

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

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

Contraste de azul-royal com texto

Texto brancoContraste 4.8:1 · AA
Texto pretoContraste 4.3:1 · AA texto grande

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

Código CSS

:root {
  --azul-royal: #4169E1;
  --azul-royal-rgb: 65, 105, 225;
}
.fundo { background-color: var(--azul-royal); }
.texto { color: var(--azul-royal); }

Cores parecidas com azul-royal

Azul-elétricoAzul-safiraAzul-cobaltoAzul-jeansAzul KleinAmetistaRoxo-uvaLavandaAzul-francêsUltravioleta

Mais azuis

AzulAzul-marinhoAzul-celesteAzul-cobaltoAzul-safiraAzul-açoAzul-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-royal?

O código HEX da cor azul-royal é #4169E1. Em RGB é rgb(65, 105, 225), em HSL é hsl(225, 73%, 57%) e em CMYK é 71, 53, 0, 12.

Qual é a cor complementar de azul-royal?

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

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

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

Quais cores combinam com azul-royal?

Combina bem com branco, preto, dourado, cinza, amarelo. Evite juntar com roxos ou verdes igualmente intensos, porque disputam a atenção. Com um azul-marinho muito próximo, pode parecer descombinado.