O azul de marca não é #0000FF: como Intel, LinkedIn, IBM e Dell usam o azul
O azul puro imprime mais acinzentado, parece um link e some no preto. Os logos azuis famosos usam um azul mais calmo. Os códigos exatos, por que os azuis do Facebook e da Visa mudam na impressão e como escolher o seu.
Um bom azul de marca nunca é #0000FF. O azul puro é o azul mais profundo que uma tela consegue produzir, o que parece forte até o logo ir para a gráfica e voltar mais acinzentado, ou parar numa página web em que todo item azul parece um link. Os logos azuis famosos resolvem isso do mesmo jeito, e o padrão é fácil de copiar para o seu.
Por que o azul puro é difícil
O azul puro é o canto do espaço de cor da tela: a luz azul em potência máxima e nada mais. A tinta de impressão não alcança esse canto.
Na tela
Impresso em papel couché
Convertido para uma impressora offset couché padrão, o #0000FF vira CMYK 93/75/0/0 e sai como cerca de #2C4A9A: mais cinza e mais chapado. A diferença é grande o bastante para um olho treinado chamar de outra cor, então o azul do seu cartão de visita não vai combinar com o azul do seu site.
O azul puro tem um segundo problema no preto. É a mais escura das cores vivas, então texto azul ou uma marca azul sobre fundo escuro quase desaparece.
No branco
No preto
Ele também parece um link
Link padrão do navegador
Azul puro
Os navegadores pintam links não visitados de #0000EE, segundo a folha de estilo sugerida pelo HTML Standard. Isso está a um passo do #0000FF, então um logo ou botão em azul puro parece algo para clicar, ou algo que ficou sem estilo.
Como os azuis famosos fazem
Intel: #0068B5
Um azul médio e límpido, cerca de 34 graus em direção ao ciano a partir do azul puro. Na impressão fica a 0,8 de Delta E da cor na tela, pequeno demais para ser visto. O logo da Intel é usado invertido, em branco, sobre esse azul, e o branco nele é fácil de ler.
LinkedIn: #0A66C2
Um azul amigável com um toque a mais de roxo que o da Intel. É o que mais muda na impressão entre os quatro, com Delta E de 2,0, e ainda assim está no limite do que o olho nota. O nome e o quadrado ficam brancos e o "in" é vazado em azul.
IBM: #1F70C1
Um azul firme, um pouco mais suave, com um pouco de cinza. As letras listradas são finas, então a cor precisa ficar clara o bastante para as linhas brancas se destacarem: o branco nesse azul passa o mínimo de acessibilidade para texto com folga. Imprime com Delta E de 1,3.
Dell: #007DB8
O mais claro e mais ciano dos quatro, da renovação da Dell em 2016. É o azul mais limpo aqui, a 41 graus do azul puro, e imprime com Delta E de 0,9. É também o que tem menos margem para texto branco: passa no teste de contraste, mas por pouco.
As três coisas que todos fazem
Puxam para o ciano. O azul puro fica a 240 graus no círculo cromático, e a cor padrão de link também. A Dell fica em 199, a Intel em 206, o LinkedIn e a IBM em 210. Se afastar de 30 a 40 graus dos 240 é o que deixa um azul calmo e impede que pareça um hiperlink.
Funcionam no branco e no preto. O azul puro é forte no branco e afunda no preto. Esses quatro ficam no meio da faixa de luminosidade, então o texto branco passa em todos e cada um continua visível como cor sobre fundo escuro.
Imprimem fiéis. Todos saem com Delta E de até 2,0 na prova.
| Marca | Azul | Matiz | Texto branco sobre ele | Como cor no preto | Mudança na impressão |
|---|---|---|---|---|---|
| Azul puro | #0000FF | 240° | Passa, 8,6 para 1 | Falha, 2,4 para 1 | Grande, 16,6 |
| Intel | #0068B5 | 206° | Passa, 5,8 para 1 | Passa, 3,6 para 1 | Invisível, 0,8 |
| #0A66C2 | 210° | Passa, 5,7 para 1 | Passa, 3,7 para 1 | Pequena, 2,0 | |
| IBM | #1F70C1 | 210° | Passa, 5,1 para 1 | Passa, 4,1 para 1 | Pequena, 1,3 |
| Dell | #007DB8 | 199° | Passa, 4,5 para 1 | Passa, 4,6 para 1 | Invisível, 0,9 |
Uma mudança de impressão abaixo de cerca de 2 é difícil de ver. Acima de cerca de 5, a cor impressa parece outro azul.
Azuis que mudam na impressão
Passar nos testes de tela não basta, porque a impressão é um teste à parte. Medidos do mesmo jeito, outros três azuis famosos mudam bastante numa impressora couché.
| Marca | Azul | Matiz | Texto branco sobre ele | Mudança na impressão |
|---|---|---|---|---|
| #0866FF | 217° | Passa, 4,8 para 1 | Grande, 9,7 | |
| Visa | #1434CB | 230° | Passa, 8,8 para 1 | Grande, 9,2 |
| Samsung (citado) | #1428A0 | 231° | Passa, 11,4 para 1 | Perceptível, 6,0 |
O azul do Facebook é o mais interessante. Ele está na faixa que puxa para o ciano e passa no teste de texto branco, e mesmo assim sai na prova como um azul claramente diferente.
Azuis mais brilhantes e saturados caem fora do que a tinta de quatro cores consegue imprimir. Essas marcas têm suas próprias razões e vivem mais em telas, então isso é uma medição e não um erro. A lição para o seu logo é rodar a prova de impressão, e não chutar pelo matiz.
Como escolher um azul para o seu logo
- Comece a 30 a 40 graus do azul puro. Puxe o #0000FF para o ciano até ficar entre cerca de 199 e 210 graus, a faixa que os quatro azuis famosos usam.
- Teste de três jeitos. O texto branco sobre ele deve ler fácil em tamanho de corpo. A cor em si deve continuar aparecendo no preto. E ela não deve parecer um link ao lado do #0000EE.
- Faça a prova na impressão. Faça uma prova em tela na sua ferramenta de design com um perfil de papel couché, ou peça uma prova à gráfica. Se o azul impresso parecer outra cor, ajuste até tela e impressão concordarem.
Roube estes 4 azuis
Os quatro azuis, como cada marca os desenha.
Use-os para estudar e para testar o seu azul ao lado deles. Copiar o azul exato de uma marca famosa num logo novo de um negócio parecido é como você acaba parecendo uma imitação: use o padrão, não os códigos.
FAQ
Qual é o código hex do azul da Intel?
O azul da Intel é #0068B5, como desenhado no arquivo do logo da Intel.
Qual é o código hex do azul do LinkedIn?
O azul do LinkedIn é #0A66C2, como desenhado no arquivo do logo do LinkedIn de 2021.
Qual é o código hex do azul da IBM?
O azul da IBM é #1F70C1, como desenhado no arquivo do logo da IBM.
Qual é o código hex do azul da Dell?
O azul da Dell é #007DB8, como desenhado no logo da Dell da renovação de 2016.
Por que #0000FF é ruim para um logo?
Ele imprime visivelmente mais cinza do que aparece na tela, é quase o mesmo azul de um link padrão do navegador e quase some no preto. Um azul mais calmo, que puxe para o ciano, resolve os três problemas.
Qual é a cor de um link padrão no navegador?
Links não visitados são #0000EE na folha de estilo sugerida pelo HTML Standard, a um passo do azul puro.
Qual é um bom azul para um logo?
Um azul médio entre cerca de 199 e 210 graus de matiz, como os azuis da Intel, do LinkedIn, da IBM e da Dell, que passa com texto branco, continua visível no preto e sai na prova a cerca de 2 de Delta E ou menos na impressão.
Fontes
- Cores lidas do arquivo de logo de cada marca no Wikimedia Commons: logo da Intel (2020), LinkedIn (2021), IBM, Dell (2016).
- Cor padrão de link: o HTML Standard, rendering, onde
:linké#0000EE. - Mudança na impressão: uma prova em tela no perfil de impressão Coated FOGRA39, medida em Delta E 2000. O #0000FF sai como #2C4A9A, uma diferença de 16,6. Os quatro azuis famosos mudam entre 0,8 e 2,0. O #0866FF do Facebook, o #1434CB da Visa e o #1428A0 citado da Samsung mudam 9,7, 9,2 e 6,0.
- Ângulos de matiz calculados a partir dos códigos hex com o modelo HSL. Razões de branco sobre cor e de cor sobre preto calculadas com a fórmula de contraste do WCAG 2.
- Cada logo aparece invertido em branco sobre o próprio azul, a versão que essas marcas usam sobre sua cor. Apenas recolorido, nunca redesenhado, e as marcas registradas pertencem a seus donos.
- Publicado originalmente como carrossel no Logo Brainy.
Choosing colors for a new logo? Our team designs brand identities with colors that work on screen, in print and next to each other.
Get Started
