Code couleur Vert lime (#32cd32)

Vert lime est #32cd32 en hexadécimal et rgb(50, 205, 50) : un vert moyen. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Vert lime
#32cd32
Nom CSSlimegreen
Hex#32cd32
RGBrgb(50, 205, 50)
HSLhsl(120 61% 50%)
HWBhwb(120 20% 20%)
CMYK76%, 0%, 76%, 20%

Teintes et nuances

Harmonies de couleurs

À propos du Vert lime

Vert lime (limegreen) est un vert moyen et vif, de code hexadécimal #32cd32, soit rgb(50, 205, 50). En HSL, il a une teinte de 120°, une saturation de 61 % et une luminosité de 50 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: limegreen; à la place de la valeur hexadécimale.

Utiliser le Vert lime pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte Vert lime sur blanc2.12 : 1échec
Texte Vert lime sur noir9.91 : 1AAA

Sur un fond vert lime, utilisez un texte en noir (9.91 : 1). Le WCAG exige au minimum 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: limegreen;               /* or #32cd32 */
  background-color: #32cd32;
  border: 1px solid rgb(50 205 50 / 50%);
}

Couleurs nommées similaires

Vert mer moyen (#3cb371), Vert forêt (#228b22), Vert mer (#2e8b57), Vert olive terne (#6b8e23), Citron vert (#00ff00), Vert gazon (#7cfc00).

Questions fréquentes

Quel est le code hexadécimal du vert lime ?
#32cd32, soit rgb(50, 205, 50) et hsl(120, 61%, 50%). En CSS, vous pouvez aussi écrire simplement limegreen.
Le texte vert lime est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 2.12 : 1, ce qui ne respecte pas le WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs vont bien avec le vert lime ?
Sa couleur complémentaire est #cd32cd ; les couleurs analogues #80cd32 et #32cd80 se trouvent à côté sur le cercle chromatique.