#355E3BHunter Green hex code: #355E3B · RGB 53, 94, 59. Also called hunting green.
Hunter green is a deep, slightly muted forest green. The name is usually traced to the green garments worn for hunting in 18th-century Britain. The common reference value is #355E3B, darker and grayer than CSS forestgreen.
Hunter green feels traditional and dependable: think outdoor gear, country clubs, law and finance, heritage brands, holiday packaging and private-label goods. Its depth makes it a natural header, footer or hero background.
White and cream text read easily on hunter green (well past WCAG AA). Pair it with brass or gold accents, camel and tan, or cranberry for a seasonal palette. On light pages it works as a strong link or button color.
Popular color names rarely have one official value. "Reference" values are the ones commonly listed in general color references; "HueWiz pick" values are lighter, deeper or muted versions chosen for interface work. Click a code to copy it.
#355E3Brgb(53, 94, 59) · reference#2A4B30rgb(42, 75, 48) · HueWiz pick#4B6B4Frgb(75, 107, 79) · HueWiz pick#8FA892rgb(143, 168, 146) · HueWiz pickThe same base color in a light and a dark theme. Surfaces and text are tinted with hunter green's hue; links are adjusted until they reach 4.5:1 against the surface. The accent comes from the first palette below.
Spring collection
Designed around hunter green.
A short paragraph shows how body text reads on this surface, with an inline link in the brand color.
#F1F9F2 · text #172318 · link #355E3BSpring collection
Designed around hunter green.
A short paragraph shows how body text reads on this surface, with an inline link in the brand color.
#0D170E · text #EBF0EB · link #5F8A65Hand-picked combinations that work with hunter green. Hover a swatch to see its code; click to copy.
WCAG 2.x asks for 4.5:1 for normal text (AA), 3:1 for large text and 7:1 for AAA. Ratios are truncated, not rounded, so a pass shown here is a real pass. Check your exact pairs in the contrast checker.
| Pairing | Ratio | Normal text | Large text |
|---|---|---|---|
| White text on hunter green | 7.45:1 | AAA | AAA |
| Black text on hunter green | 2.81:1 | Fail | Fail |
| Hunter Green text on white | 7.45:1 | AAA | AAA |
| Hunter Green text on near-black #111111 | 2.53:1 | Fail | Fail |
An 11-step 50–950 ramp generated in OKLCH from #355E3B. Light steps suit backgrounds and borders, middle steps buttons, dark steps text. This is a generated ramp, not an official Tailwind palette.
@import "tailwindcss";
@theme {
--color-hunter-green-50: #ECFCEE;
--color-hunter-green-100: #E1F2E3;
--color-hunter-green-200: #CDE1CF;
--color-hunter-green-300: #B2CAB4;
--color-hunter-green-400: #93AF96;
--color-hunter-green-500: #749478;
--color-hunter-green-600: #577B5B;
--color-hunter-green-700: #3D6442;
--color-hunter-green-800: #284E2E;
--color-hunter-green-900: #17371D;
--color-hunter-green-950: #07220C;
--color-hunter-green: #355E3B;
}:root {
--hunter-green: #355E3B;
--hunter-green-rgb: 53 94 59;
--hunter-green-light: #E1F2E3;
--hunter-green-dark: #284E2E;
}
.btn-hunter-green {
background: #355E3B;
color: #FFFFFF;
}Need semantic roles (surface, text, primary, accent) and exports? Open hunter green in the Tailwind color generator.
#355E3B is the value HueWiz uses for hunter green; it equals rgb(53, 94, 59). Other common versions include #2A4B30 (darker hunter), #4B6B4F (muted hunter), #8FA892 (hunter tint).
With an HSL hue of 129° and 28% saturation, hunter green reads as a warm-to-neutral green.
Use white or very light text. White on #355E3B measures 7.45:1 and black measures 2.81:1; WCAG AA needs 4.5:1 for normal text.
Try heritage (#355E3B, #C9A227, #F3EDE0); hunter & camel (#355E3B, #C19A6B, #EDE6D6); evergreen holiday (#2A4B30, #9B1B30, #F7F3EA). Each palette above can be copied or opened in the HueWiz studio.
Hunter Green isn't a CSS keyword. These built-in CSS colors are the nearest by perceptual (OKLab) distance; lower ΔE means closer.
#556B2F · ΔE 6#2F4F4F · ΔE 7#006400 · ΔE 8#696969 · ΔE 11