Code couleur Vert Forêt (#228b22)

Vert Forêt est #228b22 en hexadécimal et rgb(34, 139, 34) — un vert foncé. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Vert Forêt
#228b22
Nom CSSforestgreen
Hex#228b22
RGBrgb(34, 139, 34)
HSLhsl(120 61% 34%)
HWBhwb(120 13% 45%)
CMYK76%, 0%, 76%, 45%

Teintes et nuances

Harmonies de couleurs

À propos du Vert Forêt

Vert Forêt (forestgreen) est un vert foncé et vif, de code hexadécimal #228b22, soit rgb(34, 139, 34). En HSL, il se situe à une teinte de 120°, avec une saturation de 61 % et une luminosité de 34 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: forestgreen; au lieu de la valeur hexadécimale.

Utiliser le Vert Forêt pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte Vert Forêt sur blanc4.39 : 1AA grands textes uniquement
Texte Vert Forêt sur noir4.78 : 1AA

Sur un fond vert forêt, utilisez du texte noir (4.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: forestgreen;               /* or #228b22 */
  background-color: #228b22;
  border: 1px solid rgb(34 139 34 / 50%);
}

Couleurs nommées similaires

Vert (#008000), Vert de mer (#2e8b57), Vert olive foncé (#556b2f), Vert foncé (#006400), Vert citron (#32cd32), Brun olive (#6b8e23).

Questions fréquentes

Quel est le code hexadécimal du vert forêt ?
#228b22, soit rgb(34, 139, 34) et hsl(120, 61%, 34%). En CSS, vous pouvez aussi écrire simplement forestgreen.
Le texte vert forêt est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 4.39 : 1, ce qui n'est validé que pour les grands textes (WCAG AA grands textes).
Quelles couleurs vont bien avec le vert forêt ?
Sa couleur complémentaire est #8c228c ; les couleurs analogues #578c22 et #228c57 se trouvent à côté sur le cercle chromatique.