Couleur

La couleur peut regrouper du contenu, faciliter la navigation et susciter des émotions. Nous y arrivons grâce aux couleurs principales et secondaires.

Palette de couleurs principales

Nous utilisons systématiquement 4 couleurs principales pour établir la reconnaissance de la marque : le bleu, le rouge, le blanc et le gris.

Le bleu est souvent associé à la confiance, à l’honnêteté et au professionnalisme. Le rouge invoque la chaleur, l’énergie et l’enthousiasme. Le blanc est un symbole de simplicité, alors que le gris crée une apparence neutre, plus officielle qui s’harmonise avec les autres couleurs.

Ces couleurs doivent être mises en évidence dans toutes les communications numériques.

Veuillez conserver les ratios suivants dans toutes les applications numériques :

Bleu – 20 %
Rouge – 10 %
Blanc – 60 %
Gris – 10 %

RGB 202 38 26 HEX CA261A	RGB 214 44 49 HEX D55148	RGB 249 233 232 HEX F9E9E8
RGB 4 103 198 HEX 0467C6	RGB 54 133 209 HEX 3685D1	RGB 155 194 232 HEX 9BC2E8	RGB 229 239 249 HEX E5EFF9
RGB 0 73 144 HEX 004990
RGB 17 17 17 HEX 111111	RGB 51 51 51 HEX 333333	RGB 102 102 102 HEX 666666	RGB 203 203 203 HEX CBCBCB
RGB 217 217 217 HEX D9D9D9	RGB 229 229 229 HEX E5E5E5	RGB 240 240 240 HEX F0F0F0	RGB 255 255 255 HEX FFFFFF

RGB 202 38 26 HEX CA261A	RGB 214 44 49 HEX D55148
RGB 249 233 232 HEX F9E9E8
RGB 4 103 198 HEX 0467C6	RGB 54 133 209 HEX 3685D1
RGB 155 194 232 HEX 9BC2E8	RGB 229 239 249 HEX E5EFF9
RGB 0 73 144 HEX 004990
RGB 17 17 17 HEX 111111	RGB 51 51 51 HEX 333333
RGB 102 102 102 HEX 666666	RGB 203 203 203 HEX CBCBCB
RGB 217 217 217 HEX D9D9D9	RGB 229 229 229 HEX E5E5E5
RGB 240 240 240 HEX F0F0F0	RGB 255 255 255 HEX FFFFFF

Palette de couleurs secondaires

Nous utilisons nos couleurs secondaires pour rehausser les principales. Les couleurs secondaires doivent toujours s’harmoniser aux couleurs principales de notre identité visuelle. Elles ne doivent jamais prédominer ou envahir la présence des couleurs principales. Utilisez les couleurs secondaires pour des cas particuliers tels que des messages d’erreur, des avis et des alertes.

RGB 9 138 0 HEX 098A00	RGB 107 185 102 HEX 6BB966	RGB 157 208 153 HEX 9DD099	RGB 230 243 229 HEX E6F3E5
RGB 255 191 5 HEX FFBF05	RGB 255 204 55 HEX FFCC37	RGB 255 239 192 HEX FFEFC0

RGB 9 138 0 HEX 098A00	RGB 107 185 102 HEX 6BB966
RGB 157 208 153 HEX 9DD099	RGB 230 243 229 HEX E6F3E5
RGB 255 191 5 HEX FFBF05	RGB 255 204 55 HEX FFCC37
RGB 255 239 192 HEX FFEFC0

Le contenu sur notre site Web doit être accessible à tous les Canadiens. La couleur joue un rôle essentiel dans l’accessibilité à notre contenu.

À Postes Canada, nous cherchons à respecter la norme AA des Règles pour l’accessibilité des contenus Web (WCAG). Certains utilisateurs ne peuvent pas bien voir la couleur ou pas du tout. Si vous prévoyez utiliser de la couleur pour transmettre des renseignements importants, veuillez vous assurer que vous respectez l’utilisation de la couleur des règles WCAG.

Pour les utilisateurs qui ont une déficience de la vue et qui ont besoin de la technologie fonctionnelle d’accentuation des contrastes, déterminez si le texte est lisible sur des arrière-plans de différentes couleurs en suivant les contrastes minimaux énoncés par les règles WCAG.

Couleur

Palette de couleurs principales

Palette de couleurs secondaires

Illustration numérique

Accessibilité