Code couleur indigo (#4b0082)

Indigo est #4b0082 en hexadécimal et rgb(75, 0, 130) — un violet foncé. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Indigo
#4b0082
Nom CSSindigo
Hex#4b0082
RGBrgb(75, 0, 130)
HSLhsl(275 100% 25%)
HWBhwb(275 0% 49%)
CMYK42%, 100%, 0%, 49%

Teintes et nuances

Harmonies de couleurs

À propos d'Indigo

Indigo (indigo) est un violet sombre et vif, de code hexadécimal #4b0082, soit rgb(75, 0, 130). En HSL, sa teinte est de 275°, sa saturation de 100 % et sa luminosité de 25 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: indigo; à la place de la valeur hexadécimale.

Utiliser l'indigo pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte indigo sur blanc12.95 : 1AAA
Texte indigo sur noir1.62 : 1échec

Sur un arrière-plan indigo, utilisez un texte blanc (12.95 : 1). Le WCAG exige un ratio d'au moins 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

.element {
  color: indigo;               /* or #4b0082 */
  background-color: #4b0082;
  border: 1px solid rgb(75 0 130 / 50%);
}

Couleurs nommées similaires

Violet (#800080), Bleu nuit (#191970), Bleu ardoise foncé (#483d8b), Violet Rebecca (#663399), Magenta foncé (#8b008b), Bleu marine (#000080).

Questions fréquentes

Quel est le code hexadécimal de l'indigo ?
#4b0082 — soit rgb(75, 0, 130) et hsl(275, 100%, 25%). En CSS, vous pouvez aussi écrire simplement indigo.
Le texte indigo est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 12.95 : 1, ce qui respecte le niveau WCAG AA pour le texte courant.
Quelles couleurs vont bien avec l'indigo ?
Sa couleur complémentaire est #358000 ; les couleurs analogues #0b0080 et #800075 se trouvent à côté sur le cercle chromatique.