Guide couleur
Couleur Blue
#3B82F6
Codes de la couleur blue
Ce que signifie le blue
Blue conveys trust, security and professionalism. It is the most used color in corporate identity and finance apps for a reason: it calms and builds credibility.
Comment l'utiliser en design
Ideal for primary actions, links and navigation elements. The safest base color for SaaS and productivity products.
Combinaisons de couleurs avec le blue
Harmonies calculées avec la théorie des couleurs pour la teinte de base 217°.
Complémentaire
Contraste maximal : #3B82F6 + #F6AF3C
Analogue
Harmonie à ±30° : #3CE0F6 · #3B82F6 · #523CF6
Triadique
Espacement uniforme de 120° : #3B82F6 · #F63C83 · #83F63C
Tons de la couleur blue (échelle 50–900)
Échelle style Tailwind prête à l'emploi générée à partir de #3B82F6.
Couleurs qui vont bien avec le blue
FAQ sur la couleur blue
Quel est le code HEX de la couleur blue ?
Une valeur HEX très utilisée pour blue est #3B82F6, ce qui équivaut à rgb(59, 130, 246). Selon la nuance souhaitée, tu peux ajuster la saturation et la luminosité en gardant la même teinte (217°).
Quelles couleurs vont bien avec le blue ?
Le blue s'accorde magnifiquement avec white, gray, yellow, coral. Sa couleur complémentaire est le #F6AF3C, et un schéma triadique classique ajoute #F63C83 et #83F63C.
Le blue est-il accessible pour le texte et les fonds ?
Cela dépend du ratio de contraste avec l'autre couleur. Utilise le vérificateur de contraste de NanoPalettes pour vérifier la conformité WCAG AA (4.5:1) et AAA (7:1) avant d'utiliser le blue dans du texte ou des éléments d'interface.
Crée ta propre palette blue
Génère des combinaisons harmonieuses à partir de #3B82F6 en quelques secondes.
Ouvrir le générateur de palettes