Forest Green #228B22
Forest Green est un vert moyennement foncé et vif, de code hex #228B22 et de valeur RGB rgb(34, 139, 34).
Aa
Le texte noir est le plus lisible sur cette couleur (4.78:1).
À propos de cette couleur
#228B22 est un vert moyennement foncé et vif. En OKLCH, sa luminosité est de 56 %, son chroma de 0.169 et sa teinte de 143°. Sa teinte se situe entre les moitiés chaude et froide du cercle chromatique. C’est la couleur nommée Forest Green. Le texte noir y est le plus lisible, avec un rapport de 4.78:1.
| Famille de teinte | Verts |
| Luminosité | moyennement foncé (56%) |
| Chroma | vif (0.169) |
| Température | intermédiaire |
| Nom le plus proche | Forest Green |
| Texte noir | 4.78:1 |
| Texte blanc | 4.38:1 |
Couleurs qui vont avec Forest Green
Accords obtenus en faisant tourner Forest Green sur la roue des teintes OKLCH, chacun nommé d’après l’entrée la plus proche de notre liste.
Complémentaire
La teinte opposée (180°).
Analogue
Teintes voisines, 30° de chaque côté.
Triadique
Trois teintes espacées de 120°.
Palettes de couleurs avec Forest Green
Palettes sélectionnées contenant une couleur à moins de ΔE 0,06 (OKLab) de Forest Green, les plus proches d’abord.
Couleurs nommées similaires
Les huit couleurs nommées les plus proches de Forest Green, avec leur distance ΔE.
- Emerald Green #028F1E ΔE 0.015
- Kelley Green #009337 ΔE 0.025
- Irish Green #019529 ΔE 0.029
- Dark Grass Green #388004 ΔE 0.032
- True Green #089404 ΔE 0.033
- Tree Green #2A7E19 ΔE 0.038
- Green #008000 ΔE 0.039
- Sap Green #5C8B15 ΔE 0.047
En savoir plus sur Forest Green
Comment obtenir Forest Green
Une recette de départ avec des couleurs de peinture courantes, calculée avec un modèle spectral de peinture (le mode peinture du mélangeur). Les vrais pigments varient : faites d’abord un petit essai, puis ajustez.
- 1 part de vert
Résultat de la recette : #2E8B3E, un écart de ΔE 0.028 par rapport à Forest Green. C’est très proche : la plupart des gens ne verront pas la différence.
Quelles couleurs donnent le vert ? | Tableau de mélange des couleurs
Codes de Forest Green dans tous les formats
| HEX | #228B22 |
| RGB | rgb(34, 139, 34) |
| HSL | hsl(120, 61%, 34%) |
| OKLCH | oklch(55.8% 0.169 142.9) |
Contraste
Les rapports de contraste WCAG 2 sont la cible de conformité : AA exige 4,5:1 pour le texte courant et 3:1 pour le grand texte, AAA exige 7:1. Les valeurs APCA Lc sont un complément issu des brouillons de WCAG 3.
| Paire | WCAG 2 | Résultat | APCA | Recommandation APCA |
|---|---|---|---|---|
| Texte blanc sur #228B22 | 4.38:1 | AA grand texte | Lc -75.4 | Correct pour le texte courant |
| Texte noir sur #228B22 | 4.78:1 | AA | Lc 34.2 | Éléments non textuels, texte indicatif |
| Texte #228B22 sur blanc | 4.38:1 | AA grand texte | Lc 69.9 | Texte de contenu, pas pour la lecture longue |
| Texte #228B22 sur noir | 4.78:1 | AA | Lc -31.7 | Éléments non textuels, texte indicatif |
Teintes et nuances de Forest Green
Une échelle 50–950 construite en OKLCH : la teinte est conservée, la luminosité suit une courbe proche de Tailwind v4, et chaque palier reste dans le gamut sRGB. Cette couleur correspond au palier 600.
-
Palier 50
50
#F2F7F1
oklch(97.1% 0.01 140.5)
-
Palier 100
100
#E2EEE1
oklch(93.7% 0.021 143.2)
-
Palier 200
200
#CAE1C7
oklch(88.6% 0.043 142)
-
Palier 300
300
#A4CEA1
oklch(80.9% 0.077 143.1)
-
Palier 400
400
#71B46D
oklch(70.7% 0.122 142.9)
-
Palier 500
500
#47A044
oklch(63% 0.155 142.9)
-
Palier 600
600 (cette couleur)
#228B22
oklch(55.8% 0.169 142.9)
-
Palier 700
700
#107512
oklch(49% 0.157 142.9)
-
Palier 800
800
#146014
oklch(42.8% 0.13 142.9)
-
Palier 900
900
#1A4E18
oklch(37.6% 0.101 142.7)
-
Palier 950
950
#112E0F
oklch(27% 0.064 142.4)
Exporter cette échelle pour Tailwind avec l’outil Couleurs Tailwind
Forest Green et daltonisme
Simulé avec le modèle de Machado et al. (2009). ΔE indique de combien la couleur se déplace : en dessous d’environ 0,02, le changement passe inaperçu.
| Vision | Perçue comme | Écart (ΔE) |
|---|---|---|
| Protanopie (sans cônes rouges) | #8E7D0E | 0.120 |
| Deutéranopie (sans cônes verts) | #82752D | 0.120 |
| Tritanopie (sans cônes bleus) | #008777 | 0.108 |
| Achromatopsie (sans couleur) | #787878 | 0.169 |
Utilisez Forest Green dans votre produit
Transformez-la en rôles d’interface clairs et sombres au contraste vérifié, puis exportez vers Tailwind v4, shadcn/ui, CSS ou design tokens.