Code couleur Vert jaune (#adff2f)

Vert jaune est #adff2f en hexadécimal et rgb(173, 255, 47), un vert moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies, et la lisibilité de cette couleur utilisée comme texte.

Mis à jour le

Vert jaune
#adff2f
Nom CSSgreenyellow
Hex#adff2f
RGBrgb(173, 255, 47)
HSLhsl(84 100% 59%)
HWBhwb(84 18% 0%)
CMYK32%, 0%, 82%, 0%

Teintes et nuances

Harmonies chromatiques

À propos de Vert jaune

Vert jaune (greenyellow) est un vert moyen et vif, de code hexadécimal #adff2f, soit rgb(173, 255, 47). En HSL, sa teinte est de 84°, sa saturation de 100 % et sa luminosité de 59 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: greenyellow; à la place de la valeur hexadécimale.

Utiliser le Vert jaune pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte Vert jaune sur blanc1,23 : 1échec
Texte Vert jaune sur noir17,12 : 1AAA

Sur un fond vert jaune, utilisez un texte en noir (17,12 : 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: greenyellow;               /* or #adff2f */
  background-color: #adff2f;
  border: 1px solid rgb(173 255 47 / 50%);
}

Couleurs nommées similaires

Jaune-vert (#9acd32), Chartreuse (#7fff00), Vert gazon (#7cfc00), Jaune (#ffff00), Kaki foncé (#bdb76b), Verge d'or (#daa520).

Questions fréquentes

Quel est le code hexadécimal du vert jaune ?
#adff2f, soit rgb(173, 255, 47) et hsl(84, 100%, 59%). En CSS, vous pouvez aussi écrire simplement greenyellow.
Le texte vert jaune est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1,23 : 1, ce qui ne satisfait pas le WCAG. Utilisez-le plutôt pour la décoration ou sur un fond sombre.
Quelles couleurs vont bien avec le vert jaune ?
Sa couleur complémentaire est #822eff ; les couleurs analogues #ffea2e et #43ff2e se trouvent à côté sur le cercle chromatique.