Fern green is a fresh, nature-inspired hue that evokes a sense of renewal. Nestled between green and yellow on the color wheel, it shows a soft, leafy green shade. Related to olive and moss greens, it’s perfect for adding a natural touch to designs seeking growth and vitality.
Fern Green is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #4F7942
- RGB value: 31.0% red, 47.5% green, 25.9% 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.
For variations within the same spectrum as Fern Green, consider:
- Olive green (#636b2f): Olive green shares a similar earthy undertone, capturing the muted and natural feel of Fern Green.
- Sage (#bbb791): Sage offers a soft, subdued green with gray hints, echoing Fern Green's same gentle and calming nature.
- Moss Green (#7e8c54): Moss Green reflects the organic and earthy tones, sharing Fern Green's connection to nature and greenery.
- Army Green (#5d6532): Army Green delivers a robust, muted green, akin to Fern Green’s earthy and grounded vibe.
To complement Fern Green, consider pairing it with:
- Burnt Orange (#BE5103): This color adds a warm contrast to Fern Green, echoing the rich tones of autumn and enhancing its natural feel.
- Cream (#FDFBD4): Cream provides a soft and neutral backdrop, allowing the vividness of Fern Green to stand out beautifully.
- Soft Pink (#E89EB8): Soft Pink introduces a gentle and romantic touch, softening the palette and complementing the calming nature of Fern Green.
- Cognac (#A2574F): This deep, rich color provides an earthy balance, adding depth and sophistication to Fern Green's natural palette.
Other colors worth considering include Light Yellow for a bright contrast, Coral for a lively touch, and Midnight Blue for a dramatic, sophisticated look.
While Fern Green is a soft, natural hue, it may clash with:
- Neon Green (#2CFF05): Its intense brightness can overshadow Fern Green's subtle, earthy tones, leading to a visually jarring combination.
- Bright Yellow (#FFED29): With its high brightness, bright yellow might overwhelm Fern Green, resulting in an overpowering contrast.
- Magenta (#FD3DB5): Offers a bold intensity that can create a harsh and unbalanced visual effect when paired with Fern Green.
- Vermilion (#E73121): Its vibrant red-orange hue can clash with the muted, earthy feel of Fern Green, resulting in a mismatched pairing.
- Electric Blue (#00F0FF): This bright, vivid shade could compete with Fern Green for attention, disrupting the calm, natural vibe of the green.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Orchid Fern
Earthed Romance
Forest Cocoa
Contrast 5.07
- Large Text
#4F7942
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 4.15
- Large Text
#4F7942
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #4F7942, known as Fern Green, has RGB values of R:79, G:121, B:66 and CMYK values of C:35, M:0, Y:45, K:53.
| Value | CSS | |
|---|---|---|
| HEX | #4F7942 | #4F7942 |
| RGB DECIMAL | 79, 121, 66 | RGB(79,121,66) |
| RGB PERCENTAGE | 31.0, 47.5, 25.9 | RGB(31.0%,47.5%,25.9%) |
| CMYK | 35, 0, 45, 53 | |
| HSL | 105.8°, 29.4, 36.7 | HSL(105.8, 29.4%, 36.7%) |
| HSV (OR HSB) | 105.8°, 45.5, 47.5 | |
| WEB SAFE | #336633 | #336633 |
| CIE-LAB | 46.618, -25.914, 25.59 | |
| XYZ | 0.11, 0.157, 0.076 | |
| xyY | 0.31, 0.475, 0.259 | |
| CIE-LCH | 46.618, 36.419, 2.362 | |
| CIE-LUV | 46.618, -20.667, 34.153 | |
| HUNTER-LAB | 46.618, -25.914, 25.59 | |
| BINARY | 01001111, 01111001, 01000010 | |
| iOS - SwiftUI | Color(red: 0.310, green: 0.475, blue: 0.259) | |
| iOS - UIKit | UIColor(red: 79/255, green: 121/255, blue: 66/255, alpha: 1.0) | |
| Android - Compose | Color(0xFF4F7942) |
