Forestgreen
forestgreen is a CSS color keyword. The closest Tailwind step is green-600 (#16a34a).
#228b22rgb(34, 139, 34)
- Hex
- #228b22
- RGB
- 34, 139, 34
- HSL
- 120°, 61%, 34%
- OKLCH
- 55.8% 0.169 142.9
- LAB
- 50.6 -49.6 45.0
Text contrast
Black or white text on #228b22. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.
Color vision
How #228b22 looks in simulations of color blindness, at full severity.
#228b22
#8e7d0e
#82752d
#008777
Tonal scale
An OKLCH ramp that keeps this hue. The marked step is the closest lightness to forestgreen.
Copy into CSS
color: forestgreen;
background: #228b22;
@theme {
--color-forestgreen-50: #e1ffdf;
--color-forestgreen-100: #b2ffad;
--color-forestgreen-200: #8aed84;
--color-forestgreen-300: #6ccf68;
--color-forestgreen-400: #4fb24b;
--color-forestgreen-500: #2b922a;
--color-forestgreen-600: #007606;
--color-forestgreen-700: #005c04;
--color-forestgreen-800: #004202;
--color-forestgreen-900: #002b01;
--color-forestgreen-950: #001300;
}