El rojo de marca no es #FF0000: cómo usan el rojo Coca-Cola, LEGO, Levi's y Netflix
El rojo puro se imprime más apagado y suspende con texto blanco. Los logos rojos famosos usan todos un rojo afinado. Sus códigos exactos, por qué YouTube dejó el rojo puro y cómo elegir un rojo para tu logo.
Un buen rojo de marca nunca es #FF0000. El rojo puro es el rojo más brillante que puede mostrar una pantalla, lo cual suena a ventaja hasta que el logo va a imprenta, vuelve más apagado y resulta ser demasiado claro para llevar texto blanco. Todos los rojos famosos que conoces son, en cambio, rojos afinados.
Por qué falla el rojo puro
El rojo puro es la esquina del espacio de color de la pantalla: la luz roja a plena potencia y nada más. La tinta de impresión no puede alcanzarlo.
En pantalla
Impreso, en papel couché
Convertido para una imprenta estándar de papel couché, #FF0000 sale en prueba como #E51F20 aproximadamente: más apagado y ligeramente anaranjado. La diferencia es lo bastante grande como para que un ojo entrenado lo llame otro color, así que el rojo de tu tarjeta de visita no coincidirá con el rojo de tu web.
El segundo problema es el texto blanco. El blanco sobre #FF0000 puntúa 4,0 a 1, por debajo del 4,5 a 1 que piden las pautas de accesibilidad para texto normal. Un rojo que debe llevar el nombre de la marca en blanco tiene que ser un poco más oscuro que el rojo más brillante que existe.
Hasta YouTube lo dejó
YouTube hasta 2017
YouTube desde 2024
El rojo de YouTube era rojo puro en el sistema RGB. El equipo de diseño de Google escribió que se veía anaranjado en algunas pantallas, causaba quemado en televisores y resultaba demasiado estridente, así que la marca pasó a un rojo algo más frío. Leído de los archivos del logo, es de #FF0000 a #FF0033.
YouTube afinó su rojo para pantallas, que es donde vive YouTube. #FF0033 todavía cambia mucho al imprimir, así que es una lección y no un rojo para copiar en un logo que se vaya a imprimir.
Cómo lo hacen los rojos famosos
Coca-Cola: #E61D2B
El rojo más famoso del mundo está justo por debajo del rojo puro y se inclina un pelo hacia el azul. Se imprime casi exactamente como se ve en pantalla, y la caligrafía blanca sobre él pasa la prueba de contraste, que es como Coca-Cola lo usa en latas y camiones.
LEGO: #E3000B
Un rojo profundo y totalmente saturado que conserva su fuerza en las cajas de juguetes. El cuadrado de LEGO ya lleva su propio contorno, así que el rojo puede seguir brillante y aun así leerse como un bloque sólido en una estantería.
Levi's: #C41230
El más oscuro de los cuatro, más cercano al carmesí. Es el rojo de la etiqueta cosida en los vaqueros, por eso se muestra aquí sobre blanco: el rojo de Levi's está hecho para vivir sobre tela y papel, y su oscuridad mantiene nítidas las letras blancas.
Netflix: #E50914
El rojo que te recibe en una pantalla negra. El rojo de Netflix vive sobre todo sobre negro, y la N usa un tono más oscuro, #B1060F, para sus pliegues, así que la letra parece doblada como una cinta.
Las dos cosas que todos hacen
Todo rojo famoso es un poco más frío y más oscuro que el rojo puro. El rojo puro está en 0 grados del círculo cromático. Coca-Cola, LEGO y Netflix están entre 356 y 357, Levi's en 350: todos se inclinan ligeramente hacia el azul. Los cuatro son además algo más oscuros que el rojo puro, justo lo que necesita el texto blanco.
Todo rojo famoso puede llevar texto blanco. El blanco sobre rojo puro suspende la prueba de contraste. El blanco sobre cada uno de los cuatro la aprueba.
| Marca | Rojo | Tono | Texto blanco encima | Cambio al imprimir |
|---|---|---|---|---|
| Rojo puro | #FF0000 | 0° | Suspende, 4,0 a 1 | Grande, 6,0 |
| YouTube (2024) | #FF0033 | 348° | Suspende, 4,0 a 1 | Grande, 5,5 |
| Coca-Cola | #E61D2B | 356° | Aprueba, 4,6 a 1 | Invisible, 0,7 |
| Netflix | #E50914 | 357° | Aprueba, 4,8 a 1 | Pequeño, 1,1 |
| LEGO | #E3000B | 357° | Aprueba, 4,9 a 1 | Pequeño, 1,3 |
| Levi's | #C41230 | 350° | Aprueba, 6,0 a 1 | Invisible, 0,6 |
Un cambio al imprimir inferior a 2 aproximadamente cuesta verlo. Por encima de 5, el color impreso se lee como otro rojo.
Cómo elegir un rojo para tu logo
- Empieza justo por debajo del rojo puro. Lleva #FF0000 unos grados hacia el azul y un poco más oscuro. Los cuatro rojos famosos están entre 350 y 357 grados.
- Prueba el blanco encima. Si el nombre de la marca va a ir alguna vez en blanco sobre rojo, comprueba que el contraste llegue a 4,5 a 1. Oscurece hasta lograrlo.
- Pruébalo en impresión. Haz una prueba en pantalla en tu herramienta de diseño con un perfil de papel couché, o pide una prueba a tu imprenta. Muévelo hasta que el rojo impreso y el de pantalla coincidan.
Roba estos 4 rojos
Los cuatro rojos, tal como cada marca los dibuja.
Úsalos para estudiar y para probar tu propio rojo a su lado. Copiar el rojo exacto 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 el código.
FAQ
¿Cuál es el código hex del rojo de Coca-Cola?
El rojo de Coca-Cola es #E61D2B, tal como está dibujado en el archivo del logo de Coca-Cola.
¿Cuál es el código hex del rojo de Netflix?
El rojo de Netflix es #E50914. Los pliegues del logo de la N usan un #B1060F más oscuro.
¿Cuál es el código hex del rojo de LEGO?
El rojo de LEGO es #E3000B.
¿Cuál es el código hex del rojo de YouTube?
YouTube usó rojo puro, #FF0000, hasta que pasó a un rojo algo más frío. El archivo actual del logo dibuja #FF0033.
¿Por qué #FF0000 es malo para un logo?
Se imprime notablemente más apagado de como se ve en pantalla, y el texto blanco sobre él suspende la prueba de contraste. Un rojo un poco más oscuro y más frío arregla ambas cosas.
Fuentes
- Colores leídos del archivo de logo de cada marca en Wikimedia Commons: Coca-Cola, LEGO, Levi's (2011), Netflix N (2016), icono de YouTube 2017 y 2024.
- Google Design, YouTube's New Hue, sobre por qué YouTube dejó el rojo puro.
- Cambio al imprimir: prueba en pantalla con el perfil de imprenta Coated FOGRA39, medido como Delta E 2000. #FF0000 sale en prueba como #E51F20, una diferencia de 6,0.
- Ángulos de tono y contraste calculados a partir de los códigos hex con el modelo HSL y la fórmula de contraste de WCAG 2.
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
