Cor Azul royal: código #4169E1

Azul royal

#4169E1

Códigos da cor

  • HEX#4169E1
  • RGBrgb(65, 105, 225)
  • HSLhsl(225, 73%, 57%)
  • HSVhsv(225, 71%, 88%)
  • CMYKcmyk(71%, 53%, 0%, 12%)
  • LABlab(47.8% 26.3 -65.3)
  • OKLCHoklch(56% 0.188 266.4)

Sobre a cor Azul royal

Azul royal tem o código HEX #4169E1, que corresponde a rgb(65, 105, 225) no modelo RGB. No círculo cromático, seu matiz fica em 225°, com 73% de saturação e 57% de luminosidade (hsl(225, 73%, 57%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto claro: o branco atinge contraste de 4,84:1 sobre ela, contra 4,33:1 do preto.

Para impressão, a conversão aproximada é cmyk(71%, 53%, 0%, 12%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Azul royal

Complementar

#4169E1 · #E1B941

Análoga

#41B9E1 · #4169E1 · #6941E1

Tríade

#4169E1 · #E14169 · #69E141

Tetrádica

#4169E1 · #E141B9 · #E1B941 · #41E169

Complementar dividida

#4169E1 · #E16941 · #B9E141

Monocromática

#16348D · #204CCF · #4169E1 · #839EEC · #C6D2F6

Azul royal com texto branco e preto

Texto branco Aa Bb Cc 123
4,84:1 · AA
Texto preto Aa Bb Cc 123
4,33:1 · só texto grande

Testar outras combinações no verificador de contraste

Um azul com energia

O azul royal fica no meio do caminho entre o azul puro e o azul-marinho: saturado o bastante para chamar atenção, escuro o bastante para não cansar. O nome remete a tecidos da realeza britânica, mas hoje a cor é mais associada a esporte, tecnologia e comunicação institucional com um tom jovem. No Brasil, é frequente em uniformes de times amadores, camisetas de eventos e fachadas de comércio. Essas associações variam por cultura e contexto; o guia de psicologia das cores aprofunda o tema.

Azul royal em telas

É uma escolha natural para botões, links e elementos de destaque, porque se diferencia bem de textos pretos e de fundos brancos. Dois pontos merecem atenção:

  1. Texto branco sobre royal: o contraste é de cerca de 4,8:1. Passa no nível AA para texto normal (4,5:1), mas com pouca folga. Evite versões mais claras do tom em botões com texto branco pequeno.
  2. Modo escuro: sobre fundos quase pretos, como #121212, o royal cai para perto de 3,9:1 e deixa de servir para texto corrido. Use um tom mais claro da mesma matiz (veja a escala de tons acima) para links e ícones no tema escuro.

Valide cada par no verificador de contraste antes de fechar o design system.

Combinações sugeridas

Do RGB para o papel

O azul royal é um dos tons que mais perdem vivacidade na impressão. Em CMYK ele fica próximo de 71% ciano, 53% magenta, 0% amarelo e 12% preto, e a gama de impressão não alcança toda a saturação que o monitor mostra. Se o azul for cor de marca, defina também uma referência Pantone. O guia RGB vs CMYK explica a diferença de gama. Para não confundir com o azul-marinho, lembre: o royal tem luminosidade de 57%; o marinho, de 25%.

Como usar em CSS

:root {
  --color-royal-blue: #4169E1;
  --color-royal-blue-rgb: 65, 105, 225;
}

.elemento {
  background-color: var(--color-royal-blue);
  color: #FFFFFF;
}

Cores parecidas

Use Azul royal nas ferramentas