Code couleur vert clair (#90ee90)

Vert clair est #90ee90 en hexadécimal et rgb(144, 238, 144) : un vert clair. Vous trouverez 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 clair
#90ee90
Nom CSSlightgreen
Hex#90ee90
RGBrgb(144, 238, 144)
HSLhsl(120 73% 75%)
HWBhwb(120 56% 7%)
CMYK39%, 0%, 39%, 7%

Teintes et nuances

Harmonies de couleurs

À propos du vert clair

Vert clair (lightgreen) est un vert clair et vif, de code hexadécimal #90ee90, soit rgb(144, 238, 144). En HSL, il se situe à une teinte de 120°, une saturation de 73 % et une luminosité de 75 %. Il fait partie des 148 couleurs nommées reconnues par tous les navigateurs, ce qui vous permet d'écrire color: lightgreen; au lieu de la valeur hexadécimale.

Utiliser le vert clair pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte vert clair sur blanc1.42 : 1échec
Texte vert clair sur noir14.82 : 1AAA

Sur un fond vert clair, utilisez un texte noir (14.82 : 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: lightgreen;               /* or #90ee90 */
  background-color: #90ee90;
  border: 1px solid rgb(144 238 144 / 50%);
}

Couleurs nommées similaires

Vert pâle (#98fb98), Vert mer foncé (#8fbc8f), Aigue-marine moyen (#66cdaa), Aigue-marine (#7fffd4), Gris foncé (#a9a9a9), Kaki foncé (#bdb76b).

Questions fréquentes

Quel est le code hexadécimal du vert clair ?
#90ee90, soit rgb(144, 238, 144) et hsl(120, 73%, 75%). En CSS, vous pouvez aussi simplement écrire lightgreen.
Le texte vert clair est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.42 : 1, ce qui ne respecte pas le WCAG. Utilisez-le plutôt à des fins décoratives ou sur un fond sombre.
Quelles couleurs se marient bien avec le vert clair ?
Sa couleur complémentaire est #ee91ee ; les couleurs analogues #bfee91 et #91eebf se trouvent à côté sur le cercle chromatique.