Qual A Cor Azul Royal

Entendendo o azul royal na prática

Muita gente confunde azul royal com azul-marinho ou com um azul elétrico qualquer. A diferença existe e ela importa, especialmente se você está trabalhando com design, impressão ou desenvolvimento de interfaces. O azul royal é aquela tonalidade específica que fica no meio-termo entre o azul-marinho (que é mais escuro e tendendo ao preto) e um azul primário vibrante. Ele tem presença, mas não grita. É só olhar para uma bandeira do Reino Unido ou para o uniforme de muitos clubes de futebol ingleses para ter uma referência boa. As values padrões mais aceitas são: HEX #4169E1, RGB (65, 105, 225) e CMYK aproximado (71, 53, 0, 12). Se você precisa de uma referência Pantone, a Pantone 293 C é a que mais se aproxima no mundo da impressão.

Te conto algo que aprendi na Hard: quando eu estava definindo a paleta de cores de um app financeiro, o cliente pediu "um azul confiável, que não seja tão sério quanto o marinho mas também não pareça infantilo". Eu testei uns seis tons diferentes. O #4169E1 foi o único que funcionou nos dois contextos — tanto em fundo branco quanto em modo escuro. Os outros ou pareciam baby blue ou viravam azul petróleo dependendo do monitor. Um detalhe que quase ninguém menciona: o azul royal muda bastante dependendo do perfil de cor que você está usando. Em sRGB ele parece mais vivo e puro. Em CMYK para impressão, ele tende a escurecer e perder um pouco do brilho. Se você vai imprimir algo e quer que fique fiel, peça uma prova de cor impressa. Screens ficam muito aquém da realidade. Também vale saber que o azul royal não é um nome oficial de padrão web. Ele não aparece na lista de cores CSS padronizada. Então quando alguém diz "usa azul royal", cada desenvolvedor pode estar usando um código diferente. Sempre especifique o HEX ou o Pantone. Deixa de ambiguidade.

Outro problema prático: contraste. O #4169E1 com texto branco dá um ratio de contraste de cerca de 3.5:1, o que não atinge o nível AA para texto pequeno em acessibilidade. Se você for usar esse azul como fundo de texto, precisa colocar letras brancas grossas ou usar um tom mais escuro para o texto. Eu resolvi isso usando branco puro em títulos grandes e mudando para um cinza-claro (#E8EAF6) em textos menores, assim eu mantinha a hierarquia visual sem quebrar a legibilidade. Se você está procurando a cor exata para copiar, aqui vão os códigos prontos:

• HEX: #4169E1
• RGB: 65, 105, 225
• CMYK: 71, 53, 0, 12 (aproximado)
• Pantone: 293 C
• HSV: 221°, 71%, 88%

Se o seu projeto exige fidelidade extrema de cor — tipo material para embalagem ou impressão em grande escala — considere trabalhar direto com a cartela Pantone em vez de confiar em conversões de RGB. A conversão sempre perde algum nuance, e o azul royal é um deles que sofre bastante nessa tradução.