Code couleur Vert mer (#2e8b57)

Vert mer est #2e8b57 en hexadécimal et rgb(46, 139, 87) — 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 mer
#2e8b57
Nom CSSseagreen
Hex#2e8b57
RGBrgb(46, 139, 87)
HSLhsl(146 50% 36%)
HWBhwb(146 18% 45%)
CMYK67%, 0%, 37%, 45%

Teintes et nuances

Harmonies de couleurs

À propos du Vert mer

Vert mer (seagreen) est un vert foncé et modérément saturé, de code hexadécimal #2e8b57, soit rgb(46, 139, 87). En HSL, sa teinte est de 146°, avec une saturation de 50 % et une luminosité de 36 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: seagreen; à la place de la valeur hexadécimale.

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

AssociationRatio de contrasteWCAG
Texte vert mer sur blanc4,25 : 1AA texte de grande taille uniquement
Texte vert mer sur noir4,95 : 1AA

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

CSS

.element {
  color: seagreen;               /* or #2e8b57 */
  background-color: #2e8b57;
  border: 1px solid rgb(46 139 87 / 50%);
}

Couleurs nommées similaires

Vert mer moyen (#3cb371), Vert forêt (#228b22), Gris ardoise foncé (#2f4f4f), Sarcelle (#008080), Vert olive foncé (#556b2f), Cyan foncé (#008b8b).

Questions fréquentes

Quel est le code hexadécimal du vert mer ?
#2e8b57 — soit rgb(46, 139, 87) et hsl(146, 50%, 36%). En CSS, vous pouvez aussi simplement écrire seagreen.
Le texte vert mer est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 4,25 : 1, ce qui n'est valable que pour les grands textes (WCAG AA grand texte).
Quelles couleurs vont bien avec le vert mer ?
Sa couleur complémentaire est #8a2e62 ; les couleurs analogues #348a2e et #2e8a84 se trouvent à côté sur le cercle chromatique.