Code couleur Vert pelouse (#7cfc00)

Vert pelouse est #7cfc00 en hexa et rgb(124, 252, 0) — 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 pelouse
#7cfc00
Nom CSSlawngreen
Hexa#7cfc00
RGBrgb(124, 252, 0)
HSLhsl(90 100% 49%)
HWBhwb(90 0% 1%)
CMJN51%, 0%, 100%, 1%

Teintes et nuances

Harmonies de couleurs

À propos de Vert pelouse

Vert pelouse (lawngreen) est un vert moyen et vif, de code hexa #7cfc00, soit rgb(124, 252, 0). En HSL, sa teinte est de 90°, sa saturation de 100 % et sa luminosité de 49 %. Il fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: lawngreen; à la place de la valeur hexa.

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

AssociationRatio de contrasteWCAG
Texte Vert pelouse sur blanc1.33 : 1échec
Texte Vert pelouse sur noir15.78 : 1AAA

Sur un arrière-plan vert pelouse, utilisez un texte en noir (15.78 : 1). Le WCAG exige 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: lawngreen;               /* or #7cfc00 */
  background-color: #7cfc00;
  border: 1px solid rgb(124 252 0 / 50%);
}

Couleurs nommées similaires

Chartreuse (#7fff00), Vert jaune (#adff2f), Jaune vert (#9acd32), Vert citron (#32cd32), Vert olive (#6b8e23), Citron vert (#00ff00).

Questions fréquentes

Quel est le code hexa du vert pelouse ?
#7cfc00 — soit rgb(124, 252, 0) et hsl(90, 100%, 49%). En CSS, vous pouvez aussi écrire simplement lawngreen.
Le texte vert pelouse est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.33 : 1, ce qui ne respecte pas le WCAG. Utilisez-le plutôt en décoration ou sur un fond sombre.
Quelles couleurs vont bien avec le vert pelouse ?
Sa couleur complémentaire est #7d00fa ; les couleurs analogues #fafa00 et #00fa00 se trouvent juste à côté sur le cercle chromatique.