Amarelo de marca não é #FFFF00: como McDonald's, IKEA, DHL e Nikon usam o amarelo
O amarelo puro some no branco e imprime mais apagado. Os famosos logos amarelos fazem duas coisas: um amarelo mais quente e uma cor parceira escura. Aqui estão os códigos exatos e como escolher o seu.
Um bom amarelo de marca nunca é #FFFF00. O amarelo puro quase desaparece num fundo branco, e na impressão volta mais escuro e apagado do que parecia na tela. Os famosos logos amarelos resolvem isso do mesmo jeito, e o padrão é fácil de copiar para o seu próprio logo.
Por que o amarelo é a cor de marca mais difícil
Toda outra cor vibrante tem alguma escuridão. O vermelho puro é tão claro quanto um cinza médio, e o azul puro é ainda mais escuro. O amarelo puro é quase tão claro quanto o branco, então numa página branca quase nada separa os dois.
No branco
No preto
A mesma cor, resultados opostos. Se um logo amarelo pode ser visto depende do que está atrás dele, e a maioria dos logos passa a vida no branco: papel timbrado, notas fiscais, cabeçalhos de site, lojas de apps, painéis de patrocinadores.
Depois ele muda de cor na impressão
Na tela
Impresso, em papel couché
A tela faz amarelo somando luz. A impressora faz com tinta no papel, e o papel não brilha. Convertido para uma impressão couché padrão, o #FFFF00 sai como cerca de #F4E600: mais escuro, mais esverdeado, mais chapado. A mudança é grande o bastante para um olho treinado chamar de outra cor.
Os amarelos famosos abaixo ficam bem próximos de si mesmos na impressão. Os quatro mudam muito menos que o amarelo puro.
Como os amarelos famosos fazem
McDonald's: #FFBC0D sobre vermelho #DB0007
Um amarelo dourado profundo que quase sempre fica sobre o vermelho. O vermelho faz o trabalho pesado: sozinho numa página branca, o vermelho é fácil de ver, então o amarelo só precisa ser reconhecido, não lido.
IKEA: #FBD914 sobre azul #0058AB
O oval amarelo fica sobre um campo azul e o nome é escrito no mesmo azul, então o amarelo nunca precisa encostar no branco. Azul e amarelo também são as cores da bandeira sueca, que leva junto a origem da marca.
DHL: #FFCC00 com vermelho #D2002E
Aqui o amarelo é o fundo, um campo inteiro dele, e o nome vai em vermelho por cima. As vans e os envelopes da DHL funcionam igual: uma superfície amarela que você nota do outro lado da rua, com vermelho para ler.
Nikon: #FFE100 com quase preto #150301
O par mais extremo dos quatro: um amarelo limpo, levemente quente, atrás de texto preto, quase o máximo de contraste que duas cores podem ter. O amarelo é a memória, o preto é o que você lê.
As duas coisas que todos fazem
Todo amarelo famoso é mais quente que o amarelo puro. No círculo cromático, o amarelo puro fica em 60 graus. O McDonald's está em 43, a DHL em 48, a IKEA em 51 e a Nikon em 53. Os quatro puxam para o laranja, o que deixa o amarelo mais rico e dourado, e menos parecido com marca-texto.
A cor parceira carrega a legibilidade. Nenhum dos quatro amarelos é legível como texto no branco. Todos os parceiros são.
| Marca | Amarelo | Matiz | Legível no branco? | Parceira | Parceira legível no branco? |
|---|---|---|---|---|---|
| Amarelo puro | #FFFF00 | 60° | Não | nenhuma | n/a |
| McDonald's | #FFBC0D | 43° | Não | Vermelho #DB0007 | Sim |
| DHL | #FFCC00 | 48° | Não | Vermelho #D2002E | Sim |
| IKEA | #FBD914 | 51° | Não | Azul #0058AB | Sim |
| Nikon | #FFE100 | 53° | Não | Preto #150301 | Sim |
Ou seja, o amarelo não está tentando ser lido. O nome, o texto pequeno e os botões do site vão todos para a parceira. É por isso que "é só usar um amarelo mais escuro" é a correção errada: um amarelo escuro o bastante para ler no branco já não é o amarelo que ninguém queria.
Como escolher um amarelo para o seu logo
- Escolha a parceira primeiro. Decida em qual cor escura o seu nome será escrito: um vermelho como o do McDonald's, um azul como o da IKEA, um quase preto como o da Nikon. Ela tem que funcionar sozinha em qualquer página branca.
- Esquente o amarelo. Comece em #FFFF00 e puxe para o laranja até ficar entre 43 e 53 graus, a faixa que os quatro famosos usam.
- Teste na impressão antes de se comprometer. Peça uma prova à gráfica, ou faça uma prova digital na sua ferramenta de design com um perfil de papel couché. Se o amarelo impresso parecer outra cor, ajuste até tela e impressão concordarem.
Roube estes 4 pares
Os quatro pares, como cada marca os desenha.
Use-os para estudar e para testar ideias ao lado das suas próprias cores. Copiar o par 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 amarelo do McDonald's?
Os arcos dourados do logo quadrado de 2020 do McDonald's são #FFBC0D, sobre o vermelho #DB0007.
Qual é o código hex do amarelo da IKEA?
O amarelo da IKEA é #FBD914, usado sobre o azul da IKEA #0058AB.
Qual é o código hex do amarelo da DHL?
O amarelo da DHL é #FFCC00 (Pantone 116 C), combinado com o vermelho da DHL #D2002E (Pantone 199 C).
Por que o amarelo fica ruim no branco?
O amarelo puro é quase tão claro quanto o branco, então os dois mal contrastam. #FFFF00 no branco marca cerca de 1,07 para 1, enquanto texto corrido precisa de 4,5 para 1. Ponha o amarelo sobre uma cor escura, ou escreva seu texto numa cor parceira escura.
Qual é um bom amarelo para um logo?
Um amarelo quente entre cerca de 43 e 53 graus de matiz, como os amarelos dourados de McDonald's, DHL, IKEA e Nikon, combinado com uma cor escura que carregue o nome.
Fontes
- Cores lidas do arquivo de logo de cada marca no Wikimedia Commons: logo quadrado do McDonald's (2020), logo da IKEA, logo da DHL Express (Pantone 116 C e 199 C), logo da Nikon.
- Mudança na impressão: prova digital no perfil de impressão Coated FOGRA39. #FFFF00 sai como #F4E600, uma diferença de cor (Delta E 2000) de 5,6; acima de cerca de 2 já parece outra cor. Os quatro amarelos das marcas mudam entre 0,2 e 0,7.
- Ângulos de matiz e colunas de "legível no branco" calculados a partir dos códigos hex com o modelo HSL e a fórmula de contraste do WCAG 2. Os amarelos marcam de 1,3 a 1,7 para 1 no branco; as parceiras, de 5,0 a 20 para 1.
- 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
