Guide couleur

Couleur Emerald

#10B981

Codes de la couleur emerald

HEX
#10B981
RGB
rgb(16, 185, 129)
HSL
hsl(160, 84%, 39%)
OKLCH
oklch(80% 0.04 197)

Ce que signifie le emerald

Emerald is deep, jewel-toned growth. Richer than basic green, it feels established and secure.

Comment l'utiliser en design

Strong for finance success states, eco-premium brands and elegant dark themes.

Combinaisons de couleurs avec le emerald

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

Complémentaire

Contraste maximal : #10B981 + #B71048

Ouvrir dans l'éditeur

Analogue

Harmonie à ±30° : #10B72C · #10B981 · #109BB7

Triadique

Espacement uniforme de 120° : #10B981 · #7F10B7 · #B77F10

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

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

50 #000000
100 #000000
200 #010504
300 #082C20
400 #0F6649
500 #10B77F
600 #37E2A9
700 #75E5C0
800 #9FE9D0
900 #B6EDDB

Couleurs qui vont bien avec le emerald

FAQ sur la couleur emerald

Quel est le code HEX de la couleur emerald ?

Une valeur HEX très utilisée pour emerald est #10B981, ce qui équivaut à rgb(16, 185, 129). Selon la nuance souhaitée, tu peux ajuster la saturation et la luminosité en gardant la même teinte (160°).

Quelles couleurs vont bien avec le emerald ?

Le emerald s'accorde magnifiquement avec gold, cream, navy, coral. Sa couleur complémentaire est le #B71048, et un schéma triadique classique ajoute #7F10B7 et #B77F10.

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

Crée ta propre palette emerald

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

Ouvrir le générateur de palettes