Code couleur Vert Jaune (#9acd32)

Vert Jaune correspond à #9acd32 en hexadécimal et rgb(154, 205, 50), un vert moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité de cette couleur en texte.

Mis à jour le

Vert Jaune
#9acd32
CSS nameyellowgreen
Hex#9acd32
RGBrgb(154, 205, 50)
HSLhsl(80 61% 50%)
HWBhwb(80 20% 20%)
CMYK25%, 0%, 76%, 20%

Teintes et nuances

Harmonies de couleurs

À propos du Vert Jaune

Vert Jaune (yellowgreen) est un vert moyen et vif, de code hexadécimal #9acd32, soit rgb(154, 205, 50). En HSL, sa teinte est de 80°, sa saturation de 61 % et sa luminosité de 50 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: yellowgreen; à 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,88 : 1échec
Texte Vert Jaune sur noir11,15 : 1AAA

Sur un fond vert jaune, utilisez du texte noir (11,15 : 1). Le WCAG exige au moins 4,5 : 1 pour le texte courant et 3 : 1 pour le grand texte. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

.element {
  color: yellowgreen;               /* or #9acd32 */
  background-color: #9acd32;
  border: 1px solid rgb(154 205 50 / 50%);
}

Noms de couleurs similaires

Vert-jaune (#adff2f), Kaki foncé (#bdb76b), Vert gazon (#7cfc00), Chartreuse (#7fff00), Verge d'or (#daa520), Vert olive (#6b8e23).

Questions fréquentes

Quel est le code hexadécimal du vert jaune ?
#9acd32, soit rgb(154, 205, 50) et hsl(80, 61%, 50%). En CSS, vous pouvez aussi écrire simplement yellowgreen.
Le texte vert jaune est-il lisible sur fond blanc ?
Son ratio de contraste sur blanc est de 1,88 : 1, ce qui ne respecte pas le WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs se marient bien avec le vert jaune ?
Sa couleur complémentaire est #6632cd ; les couleurs analogues #cdb332 et #4ccd32 se trouvent à côté sur le cercle chromatique.