El amarillo de marca no es #FFFF00: cómo usan el amarillo McDonald's, IKEA, DHL y Nikon
El amarillo puro desaparece sobre blanco y se imprime más apagado. Los logos amarillos famosos hacen dos cosas: un amarillo más cálido y un color compañero oscuro. Aquí van sus códigos exactos y cómo elegir el tuyo.
Un buen amarillo de marca nunca es #FFFF00. El amarillo puro casi desaparece sobre fondo blanco, y en impresión sale más oscuro y apagado de lo que se veía en pantalla. Los logos amarillos famosos resuelven esto de la misma manera, y el patrón es fácil de copiar para tu propio logo.
Por qué el amarillo es el color de marca más difícil
Todos los demás colores brillantes tienen algo de oscuridad. El rojo puro es tan claro como un gris medio, y el azul puro es aún más oscuro. El amarillo puro es casi tan claro como el blanco, así que sobre una página blanca casi no hay nada que los separe.
Sobre blanco
Sobre negro
Mismo color, resultados opuestos. Que un logo amarillo se vea lo decide lo que hay detrás, y la mayoría de los logos pasan la vida sobre blanco: membretes, facturas, cabeceras web, tiendas de apps, paneles de patrocinadores.
Y luego cambia de color al imprimir
En pantalla
Impreso, en papel estucado
Una pantalla crea el amarillo sumando luz. Una impresora lo crea con tinta sobre papel, y el papel no puede brillar. Convertido para una imprenta estándar en papel estucado, #FFFF00 se prueba como unos #F4E600: más oscuro, más verdoso, más plano. El cambio es lo bastante grande como para que un ojo entrenado lo vea como otro color.
Los amarillos famosos de abajo se mantienen cerca de sí mismos al imprimir. Los cuatro cambian mucho menos que el amarillo puro.
Cómo lo hacen los amarillos famosos
McDonald's: #FFBC0D sobre rojo #DB0007
Un amarillo dorado profundo que casi siempre se apoya sobre rojo. El rojo hace el trabajo duro: solo sobre una página blanca, el rojo se ve fácil, así que el amarillo solo tiene que reconocerse, no leerse.
IKEA: #FBD914 sobre azul #0058AB
El óvalo amarillo descansa sobre un campo azul y el nombre está escrito en ese mismo azul, así que el amarillo nunca tiene que tocar el blanco. Azul y amarillo son además los colores de la bandera sueca, que lleva consigo el origen de la marca.
DHL: #FFCC00 con rojo #D2002E
Aquí el amarillo es el fondo, un campo entero, y el nombre va en rojo encima. Las furgonetas y los sobres de DHL funcionan igual: una superficie amarilla que ves desde el otro lado de la calle, con rojo para leer.
Nikon: #FFE100 con casi negro #150301
La pareja más extrema de las cuatro: un amarillo limpio, ligeramente cálido, detrás de letras negras, tanto contraste como pueden tener dos colores. El amarillo es el recuerdo, el negro es lo que lees.
Las dos cosas que todos hacen
Todo amarillo famoso es más cálido que el amarillo puro. En el círculo cromático, el amarillo puro está en 60 grados. McDonald's está en 43, DHL en 48, IKEA en 51 y Nikon en 53. Los cuatro se inclinan hacia el naranja, lo que hace que el amarillo se vea más rico y dorado, y menos como un subrayador.
El color compañero carga con la legibilidad. Ninguno de los cuatro amarillos se lee como texto sobre blanco. Todos los compañeros sí.
| Marca | Amarillo | Tono | ¿Legible sobre blanco? | Compañero | ¿Compañero legible sobre blanco? |
|---|---|---|---|---|---|
| Amarillo puro | #FFFF00 | 60° | No | ninguno | n/d |
| McDonald's | #FFBC0D | 43° | No | Rojo #DB0007 | Sí |
| DHL | #FFCC00 | 48° | No | Rojo #D2002E | Sí |
| IKEA | #FBD914 | 51° | No | Azul #0058AB | Sí |
| Nikon | #FFE100 | 53° | No | Negro #150301 | Sí |
Así que el amarillo no intenta ser leído. El nombre, el texto pequeño y los botones de la web van para el compañero. Por eso "usa un amarillo más oscuro" es el arreglo equivocado: un amarillo lo bastante oscuro para leerse sobre blanco ya no es el amarillo que nadie quería.
Cómo elegir un amarillo para tu logo
- Elige primero al compañero. Decide en qué color oscuro se escribirá tu nombre: un rojo como McDonald's, un azul como IKEA, un casi negro como Nikon. Tiene que funcionar solo en cualquier página blanca.
- Calienta el amarillo. Parte de #FFFF00 y llévalo hacia el naranja hasta que quede entre 43 y 53 grados, el rango que usan los cuatro famosos.
- Pruébalo en impresión antes de comprometerte. Pide una prueba a tu imprenta, o haz una prueba en pantalla en tu herramienta de diseño con un perfil de papel estucado. Si el amarillo impreso parece otro color, muévelo hasta que pantalla e impresión coincidan.
Roba estas 4 parejas
Las cuatro parejas, tal como las dibuja cada marca.
Úsalas para estudiar y para probar ideas junto a tus propios colores. Copiar la pareja exacta de una marca famosa para un logo nuevo en un negocio parecido es la forma de acabar pareciendo una imitación: usa el patrón, no los códigos.
FAQ
¿Cuál es el código hex del amarillo de McDonald's?
Los arcos dorados del logo cuadrado de McDonald's de 2020 son #FFBC0D, sobre rojo #DB0007.
¿Cuál es el código hex del amarillo de IKEA?
El amarillo de IKEA es #FBD914, usado sobre el azul de IKEA #0058AB.
¿Cuál es el código hex del amarillo de DHL?
El amarillo de DHL es #FFCC00 (Pantone 116 C), combinado con el rojo de DHL #D2002E (Pantone 199 C).
¿Por qué el amarillo se ve mal sobre blanco?
El amarillo puro es casi tan claro como el blanco, así que apenas contrastan. #FFFF00 sobre blanco puntúa unos 1,07 a 1, cuando el texto de cuerpo necesita 4,5 a 1. Pon el amarillo sobre un color oscuro, o escribe tu texto en un color compañero oscuro.
¿Qué es un buen amarillo para un logo?
Un amarillo cálido entre aproximadamente 43 y 53 grados de tono, como los amarillos dorados de McDonald's, DHL, IKEA y Nikon, combinado con un color oscuro que lleve el nombre.
Fuentes
- Colores leídos del archivo de logo de cada marca en Wikimedia Commons: logo cuadrado de McDonald's (2020), logo de IKEA, logo de DHL Express (Pantone 116 C y 199 C), logo de Nikon.
- Cambio en impresión: una prueba en pantalla con el perfil de imprenta Coated FOGRA39. #FFFF00 se prueba como #F4E600, una diferencia de color (Delta E 2000) de 5,6; por encima de 2 aproximadamente se lee como otro color. Los cuatro amarillos de marca cambian entre 0,2 y 0,7.
- Ángulos de tono y columnas de "legible sobre blanco" calculados a partir de los códigos hex con el modelo HSL y la fórmula de contraste WCAG 2. Los amarillos puntúan de 1,3 a 1,7 a 1 sobre blanco; los compañeros de 5,0 a 20 a 1.
- Publicado por primera vez como carrusel en 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
