Contraste du logo Orange

23 novembre 2016,
par Romy Têtue

Mots-clefs associés à cet article :

La société Orange présente un cas intéressant de couleur de marque insuffisamment contrastée. Son logo est un carré de couleur orange, sur lequel le mot « orange » s’inscrit en blanc. Mais le rapport de contraste est insuffisant pour que ces couleurs soient employées telles quelles dans le reste de la charte graphique. Comment faire ?

Mesure du ratio de contraste entre #FF7900 et #FFFFFF : 2.6:1

Soucieuse d’accessibilité, la société Orange a adapté sa charte en conséquence. Le logo en lui-même ne change pas, mais toute la charte numérique, nouvellement présentée en mars 2015, est revue.

Modifier la couleur ?

Le rapport de contraste est basé sur la différence de luminosité relative entre l’arrière-plan et le premier plan. Avec le contraste minimum exigé par la norme d’accessibilité WCAG 2.0 il devient impossible d’utiliser un texte orange sur un arrière-plan blanc.

C’est une contrainte forte pour toute entité dont la couleur de marque est orange : LeBonCoin, EasyJet, Marmiton, Arte, Ubuntu… En effet, le orange est une couleur trop lumineuse pour rester lisible utilisée avec du blanc, mais la foncer pour atteindre un contraste suffisant la teinte de marron, nuance trop salement éloignée de l’identité de marque…

Rien n’oblige d’utiliser la même nuance d’orange partout. C’est ainsi qu’Orange recommande des nuances différentes selon les supports et les usages :

  • PANTONE ® 151 C (CMJN 0 60 100 0) dans sa charte graphique print (PDF) ;
  • Brand : #FF7900 (RGB 255 121 0), pour son logo, interdit pour du texte sauf sur fond noir ;
  • Digital accessible : #F16E00 (RGB 241 110 0), seulement pour du grand texte sur fond blanc (ratio 3.0:1, tout juste suffisant).

Conditionner son usage

De plus, puisqu’elle ne présente pas un contraste suffisant, la nouvelle charte graphique Orange conditionne l’usage de la couleur en la limitant à des éléments décoratifs tels que cadres, filets…

En la réservant ainsi aux éléments qui ne sont pas porteurs d’information, la couleur orange peut être utilisée et continuer de représenter la marque, sans incidence sur l’accessibilité.

{#TITRE,#URL_ARTICLE,#INTRODUCTION}

Vos commentaires

  • Le 13 juin à 07:49, par Stéphane Deschamps (Orange) En réponse à : Contraste du logo Orange

    Bonjour Romy,
    Merci pour ce résumé.

    Pour la petite histoire, le « Orange Accessible » (aussi nommé Digital Orange 2 dans certains documents) a été conçu en 2006 pour pallier ce souci d’accessibilité au mieux.

    Nous avons bien conscience qu’il est pile à 3:1 et donc pas adapté pour les petites polices, mais c’est la meilleure valeur que nous ayons trouvée pour faire au mieux en intégrant toutes les contraintes.

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici
  • Raccourcis : {{gras}} {italique} -liste [bla->url] <q> <quote> <code>.

Suivre les commentaires : RSS 2.0 | Atom