Guide couleur

Couleur Indigo

#6366F1

Codes de la couleur indigo

HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
OKLCH
oklch(79% 0.10 288)

Ce que signifie le indigo

Indigo sits between blue and violet: as trustworthy as blue but more imaginative. It is the unofficial color of modern dev tools.

Comment l'utiliser en design

A safe, modern primary for SaaS dashboards, docs sites and developer brands.

Combinaisons de couleurs avec le indigo

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

Complémentaire

Contraste maximal : #6366F1 + #F2EF64

Ouvrir dans l'éditeur

Analogue

Harmonie à ±30° : #64ADF2 · #6366F1 · #A864F2

Triadique

Espacement uniforme de 120° : #6366F1 · #F26467 · #67F264

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

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

50 #17185B
100 #181961
200 #1C1D79
300 #1F21A4
400 #2327E0
500 #6467F2
600 #B4B5F4
700 #EDEDFC
800 #FFFFFF
900 #FFFFFF

Couleurs qui vont bien avec le indigo

FAQ sur la couleur indigo

Quel est le code HEX de la couleur indigo ?

Une valeur HEX très utilisée pour indigo est #6366F1, ce qui équivaut à rgb(99, 102, 241). Selon la nuance souhaitée, tu peux ajuster la saturation et la luminosité en gardant la même teinte (239°).

Quelles couleurs vont bien avec le indigo ?

Le indigo s'accorde magnifiquement avec amber, mint, white, pink. Sa couleur complémentaire est le #F2EF64, et un schéma triadique classique ajoute #F26467 et #67F264.

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

Crée ta propre palette indigo

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

Ouvrir le générateur de palettes