Le jaune de marque n'est pas #FFFF00 : comment McDonald's, IKEA, DHL et Nikon utilisent le jaune
Le jaune pur disparaît sur fond blanc et s'imprime plus terne. Les célèbres logos jaunes font tous deux choses : un jaune plus chaud et une couleur partenaire sombre. Voici leurs codes exacts et comment choisir le vôtre.
Un bon jaune de marque n'est jamais #FFFF00. Le jaune pur disparaît presque sur fond blanc, et à l'impression il ressort plus sombre et plus terne qu'à l'écran. Les célèbres logos jaunes résolvent tous ce problème de la même façon, et le schéma est facile à copier pour votre propre logo.
Pourquoi le jaune est la couleur de marque la plus difficile
Toutes les autres couleurs vives contiennent un peu de sombre. Le rouge pur est à peu près aussi clair qu'un gris moyen, et le bleu pur est encore plus sombre. Le jaune pur est presque aussi clair que le blanc : sur une page blanche, presque rien ne sépare les deux.
Sur blanc
Sur noir
Même couleur, résultats opposés. La visibilité d'un logo jaune dépend de ce qu'il y a derrière, et la plupart des logos passent leur vie sur du blanc : papiers à en-tête, factures, en-têtes de sites web, app stores, murs de sponsors.
Puis il change de couleur à l'impression
À l'écran
À l'impression, sur papier couché
Un écran fabrique le jaune en ajoutant de la lumière. Une imprimante le fabrique avec de l'encre sur du papier, et le papier ne peut pas briller. Converti pour une presse standard sur papier couché, #FFFF00 donne à l'épreuve environ #F4E600 : plus sombre, plus vert, plus plat. Le décalage est assez grand pour qu'un œil entraîné y voie une autre couleur.
Les jaunes célèbres ci-dessous restent proches d'eux-mêmes à l'impression. Les quatre bougent bien moins que le jaune pur.
Comment font les jaunes célèbres
McDonald's : #FFBC0D sur rouge #DB0007
Un jaune doré profond qui se trouve presque toujours sur du rouge. Le rouge fait le gros du travail : seul sur une page blanche, le rouge se voit facilement, donc le jaune n'a qu'à être reconnu, pas lu.
IKEA : #FBD914 sur bleu #0058AB
L'ovale jaune repose sur un fond bleu et le nom est écrit dans ce même bleu, si bien que le jaune n'a jamais à toucher le blanc. Le bleu et le jaune sont aussi les couleurs du drapeau suédois, qui porte avec lui les origines de la marque.
DHL : #FFCC00 avec rouge #D2002E
Ici le jaune est le fond, tout un champ de jaune, et le nom est en rouge par-dessus. Les camionnettes et les enveloppes de DHL fonctionnent pareil : une surface jaune qu'on repère de l'autre côté de la rue, avec du rouge pour lire.
Nikon : #FFE100 avec quasi-noir #150301
L'association la plus extrême des quatre : un jaune net, légèrement chaud, derrière un texte noir, à peu près autant de contraste que deux couleurs peuvent en avoir. Le jaune est le souvenir, le noir est ce qu'on lit.
Les deux choses qu'ils font tous
Chaque jaune célèbre est plus chaud que le jaune pur. Sur le cercle chromatique, le jaune pur est à 60 degrés. McDonald's est à 43, DHL à 48, IKEA à 51 et Nikon à 53. Les quatre penchent vers l'orange, ce qui rend le jaune plus riche, plus doré, et moins surligneur.
La couleur partenaire porte la lisibilité. Aucun des quatre jaunes n'est lisible en texte sur blanc. Tous les partenaires le sont.
| Marque | Jaune | Teinte | Lisible sur blanc ? | Partenaire | Partenaire lisible sur blanc ? |
|---|---|---|---|---|---|
| Jaune pur | #FFFF00 | 60° | Non | aucun | n/a |
| McDonald's | #FFBC0D | 43° | Non | Rouge #DB0007 | Oui |
| DHL | #FFCC00 | 48° | Non | Rouge #D2002E | Oui |
| IKEA | #FBD914 | 51° | Non | Bleu #0058AB | Oui |
| Nikon | #FFE100 | 53° | Non | Noir #150301 | Oui |
Le jaune n'essaie donc pas d'être lu. Le nom, les petits textes et les boutons du site vont tous au partenaire. C'est pourquoi « prenez simplement un jaune plus foncé » est la mauvaise solution : un jaune assez sombre pour être lisible sur blanc n'est plus le jaune que quiconque voulait.
Comment choisir un jaune pour votre logo
- Choisissez d'abord le partenaire. Décidez de la couleur sombre dans laquelle votre nom sera écrit : un rouge comme McDonald's, un bleu comme IKEA, un quasi-noir comme Nikon. Elle doit fonctionner seule sur chaque page blanche.
- Réchauffez le jaune. Partez de #FFFF00 et tirez-le vers l'orange jusqu'à ce qu'il se situe entre 43 et 53 degrés, la plage utilisée par les quatre célèbres.
- Testez-le en impression avant de vous engager. Demandez une épreuve à votre imprimeur, ou faites une épreuve écran dans votre outil de design avec un profil de papier couché. Si le jaune imprimé ressemble à une autre couleur, déplacez-le jusqu'à ce que l'écran et l'impression concordent.
Piquez ces 4 duos
Les quatre duos, tels que chaque marque les dessine.
Utilisez-les pour étudier et pour tester des idées à côté de vos propres couleurs. Copier le duo exact d'une marque célèbre pour un nouveau logo dans un secteur voisin, c'est la meilleure façon de ressembler à une contrefaçon : reprenez le schéma, pas les codes.
FAQ
Quel est le code hex du jaune McDonald's ?
Les arches dorées du logo carré 2020 de McDonald's sont en #FFBC0D, sur du rouge #DB0007.
Quel est le code hex du jaune IKEA ?
Le jaune d'IKEA est #FBD914, utilisé sur le bleu IKEA #0058AB.
Quel est le code hex du jaune DHL ?
Le jaune DHL est #FFCC00 (Pantone 116 C), associé au rouge DHL #D2002E (Pantone 199 C).
Pourquoi le jaune est-il mauvais sur blanc ?
Le jaune pur est presque aussi clair que le blanc, donc les deux contrastent à peine. #FFFF00 sur blanc obtient environ 1,07 pour 1, alors qu'un texte courant demande 4,5 pour 1. Mettez le jaune sur une couleur sombre, ou écrivez votre texte dans une couleur partenaire sombre.
Quel est un bon jaune pour un logo ?
Un jaune chaud entre environ 43 et 53 degrés de teinte, comme les jaunes dorés de McDonald's, DHL, IKEA et Nikon, associé à une couleur sombre qui porte le nom.
Sources
- Couleurs relevées dans le fichier de logo de chaque marque sur Wikimedia Commons : logo carré McDonald's (2020), logo IKEA, logo DHL Express (Pantone 116 C et 199 C), logo Nikon.
- Décalage à l'impression : une épreuve écran avec le profil de presse Coated FOGRA39. #FFFF00 donne #F4E600, soit une différence de couleur (Delta E 2000) de 5,6 ; au-delà d'environ 2, on perçoit une autre couleur. Les quatre jaunes de marque bougent entre 0,2 et 0,7.
- Angles de teinte et colonnes « lisible sur blanc » calculés à partir des codes hex avec le modèle HSL et la formule de contraste WCAG 2. Les jaunes obtiennent de 1,3 à 1,7 pour 1 sur blanc ; les partenaires de 5,0 à 20 pour 1.
- D'abord publié sous forme de carrousel sur 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
