Guide couleur

Couleur Navy

#1E3A8A

Codes de la couleur navy

HEX
#1E3A8A
RGB
rgb(30, 58, 138)
HSL
hsl(224, 64%, 33%)
OKLCH
oklch(64% 0.10 284)

Ce que signifie le navy

Navy is the most authoritative color: deep, stable and serious without being cold.

Comment l'utiliser en design

Classic base for finance, legal and enterprise software. Pairs with almost any accent.

Combinaisons de couleurs avec le navy

Harmonies calculées avec la théorie des couleurs pour la teinte de base 224°.

Complémentaire

Contraste maximal : #1E3A8A + #8A6D1E

Ouvrir dans l'éditeur

Analogue

Harmonie à ±30° : #1E718A · #1E3A8A · #371E8A

Triadique

Espacement uniforme de 120° : #1E3A8A · #8A1E3B · #3B8A1E

Tons de la couleur navy (échelle 50–900)

Échelle style Tailwind prête à l'emploi générée à partir de #1E3A8A.

50 #000000
100 #000000
200 #000000
300 #060810
400 #132042
500 #1E3B8A
600 #385DC2
700 #6F88CC
800 #95A6D5
900 #AAB7DB

Couleurs qui vont bien avec le navy

FAQ sur la couleur navy

Quel est le code HEX de la couleur navy ?

Une valeur HEX très utilisée pour navy est #1E3A8A, ce qui équivaut à rgb(30, 58, 138). Selon la nuance souhaitée, tu peux ajuster la saturation et la luminosité en gardant la même teinte (224°).

Quelles couleurs vont bien avec le navy ?

Le navy s'accorde magnifiquement avec gold, coral, white, sky. Sa couleur complémentaire est le #8A6D1E, et un schéma triadique classique ajoute #8A1E3B et #3B8A1E.

Le navy 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 navy dans du texte ou des éléments d'interface.

Crée ta propre palette navy

Génère des combinaisons harmonieuses à partir de #1E3A8A en quelques secondes.

Ouvrir le générateur de palettes