Couleurs de contrastes

Les différents gris pour créer du contraste dans le design system.

Introduction

Les couleurs de contrastes sont les différents gris neutres utilisés au sein de l'écosystème IGN. Ils sont principalement utilisés pour les textes et certains blocs en fond de page.

Cette page décrit les différents codes colorimétriques (Hexadécimal et RGB) à utiliser. Chaque couleur porte un label qui l'identifie clairement sur l'ensemble des composants du design system.

Les couleurs de contrastes

Les différens gris comportent une touche de bleu (primary_blue_carto) pour réchauffer l'ensemble du design system. Il n'existe pas de variante de gris par univers IGN.

  • Gris #1

    Label : grey_1

    Class : $gray-900

    Hex : #091625

    RGB : 9 22 37

  • Gris #2

    Label : grey_2

    Class : $gray-800

    Hex : #3F4A55

    RGB : 63 74 85

  • Gris #3

    Label : grey_3

    Class : $gray-600

    Hex : #788089

    RGB : 120 128 137

  • Gris #4

    Label : grey_4

    Class : $gray-400

    Hex : #B8BCC1

    RGB : 184 188 193

  • Gris #5

    Label : grey_5

    Class : $gray-300

    Hex : #DDE1E6

    RGB : 221 225 230

  • Gris #6

    Label : grey_6

    Class : $gray-200

    Hex : #E9ECEF

    RGB : 233 236 239

  • Gris #7

    Label : grey_7

    Class : $gray-100

    Hex : #F4F6F8

    RGB : 244 246 248