Figma color wheel
Want to find the perfect complementary or analogous colors to match hunter green?
Skip to main content
Everything you need to know about hunter green to inspire your next design.
Hunter green is a lush color that embodies growth and new beginnings. This cool-toned shade is positioned between blue and green on the color wheel, evoking feelings of peace and balance.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Kale
Picnic
Modern Forest
Hunter green is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #2C5F34
- RGB value: 17.3% red, 37.3% green, and 20.4% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
Here are some ways to use hunter green in your designs:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same earthy spectrum as hunter green, consider:
To complement hunter green, consider pairing it with:
Other colors worth considering include neutrals like gray for a modern look and mustard yellow for a pop of color.
While hunter green is rich, it may clash with:
Hunter green’s association with nature makes it symbolic of growth and prosperity. This symbolism is why it might be used in logos for environmental groups or brands that promote healthy living.
In color psychology, hunter green is known to promote feelings of well-being, similar to spending time outdoors in a lush forest.
In UI design, hunter green can be used as a background color to create a sense of calm for users. However, using hunter green strategically is important, as too much can make a design feel heavy or overwhelming.
The term “hunter green” was coined in early 19th-century England. Hunters of this time used the hue on their garments because its deep, earthy tones provided camouflage with the surrounding trees.
Hunter green’s link with nature and the outdoors grew over the 20th century. Military uniforms sometimes used similar camouflage colors, which became popular in athletic gear and equipment.
Today, hunter green is used in various situations, including fashion and home design, while maintaining its link to nature.
Contrast 7.52
#2C5F34
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 2.79
#2C5F34
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #2C5F34, known as hunter green, has RGB values of R:44 G:95, B:52 and CMYK values of C:0.54, M:0, Y:0.45, K:0.63.
| VALUE | CSS | |
|---|---|---|
| HEX | 2C5F34 | #2C5F34 |
| RGB DECIMAL | 44, 95, 52 | RGB(44,95,52) |
| RGB PERCENTAGE | 17.3, 37.3, 20.4 | RGB(17.3%,37.3%,20.4%) |
| CMYK | 54, 0, 45, 63 | |
| HSL | 129.4°, 36.7, 27.3 | HSL(129.4°,36.7%,27.3%) |
| HSV (OR HSB) | 129.4°, 53.7, 37.3 | |
| WEB SAFE | 336633 | #336633 |
| CIE-LAB | 35.922, -27.513, 19.479 | |
| XYZ | 5.75, 8.967, 4.676 | |
| xyY | 0.297, 0.462, 8.967 | |
| CIE-LCH | 35.922, 33.711, 144.701 | |
| CIE-LUV | 35.922, -22.77, 25.565 | |
| HUNTER-LAB | 29.946, -18.128, 11.703 | |
| BINARY | 00101100, 01011111, 00110100 | |
| iOS - SwiftUI | Color(red: 0.173, green: 0.373, blue: 0.204) | |
| iOS - UIKit | UIColor(red: 0.173, green: 0.373, blue: 0.204, alpha: 1) | |
| Android - Compose | Color(0xFF2C5F34) |
Want to find the perfect complementary or analogous colors to match hunter green?
Ignite feelings of abundance with dark green.
Learn more about green.