Evergreen is a deep, calming shade of green associated with nature and renewal. It sits in the green section of the color wheel, echoing the depth of coniferous forests. Think of leafy shades like juniper and pine. In design, use it to create a serene, botanical vibe reminiscent of lush foliage.
Evergreen is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #05472A
- RGB value: 2.0% red, 27.8% green, 16.5% 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 evergreen, consider:
- Forest Green (#2E6F40): This shade resonates with the rich, enduring foliage of an evergreen forest, providing a similarly deep and natural vibe.
- Dark Green (#06402B): It offers a profound and intense green that captures the strength and timelessness of evergreen trees.
- Hunter Green (#2C5F34): This color embodies the dense canopy of a forest, evoking a grounded and tranquil essence akin to evergreen.
- Fern Green (#4F7942): Slightly brighter, this color conveys the verdant and lush quality of fern leaves, reminiscent of the evergreen spirit.
To complement Evergreen, consider pairing it with:
- Burnt Orange (#BE5103): This warm and earthy shade offers a striking contrast that echoes the colors of autumn, enhancing the natural vibrancy of Evergreen.
- Cream (#FDFBD4): A light and neutral backdrop, cream allows the rich tones of Evergreen to stand out and offers a refreshing, serene feel.
- Dusty Rose (#DCA1A1): The gentle and soft hue of dusty rose complements Evergreen’s lush look, creating a harmonious and balanced palette.
- Soft Gold (#D4AF37): This luxurious shade introduces a subtle touch of opulence, perfectly balancing Evergreen’s understated elegance with warmth.
- Slate Gray (#6D8196): A modern and chic choice, slate gray adds depth and sophistication, working in harmony with Evergreen's leafy and lush appeal.
While Evergreen is versatile and lush, it may clash with:
- Crimson Red (#B22222): Its deep red tone can overshadow Evergreen's verdant quality, creating a visually discordant pairing.
- Neon Pink (#FF13F0): The intense brightness of neon pink can overwhelm Evergreen's subtle foliage-inspired hue.
- Bright Orange (#FF991C): Its bold vibrancy competes for attention with Evergreen, disrupting the tranquility of greenery.
- Chartreuse (#CCFF00): The stark contrast from chartreuse can pull focus away, clashing with Evergreen's soothing presence.
- Cyan (#00FFFF): Its cool, vivid tone provides too much contrast with Evergreen, detracting from its natural allure.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Emerald Canopy
Verdant Ember
Lush Nexus
Contrast checker
Contrast 10.82
- Large Text
#05472A
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 1.94
- Large Text
#05472A
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #05472A, known as Evergreen, has RGB values of R:5, G:71, B:42 and CMYK values of C:93, M:0, Y:41, K:72.
| VALUE | CSS | |
|---|---|---|
| HEX | #05472A | #05472A |
| RGB DECIMAL | 5, 71, 42 | RGB(5,71,42) |
| RGB PERCENTAGE | 2.0, 27.8, 16.5 | RGB(2.0%,27.8%,16.5%) |
| CMYK | 93, 0, 41, 72 | |
| HSL | HSL(153.6, 86.8%, 14.9%) | HSL(153.6, 86.8%, 14.9%) |
| HSV (OR HSB) | 153.6°, 93.0, 27.8 | |
| WEB SAFE | #05151 | #05151 |
| BINARY | 00000101, 01000111, 00101010 | |
| iOS - SwiftUI | Color(red: 0.020, green: 0.278, blue: 0.165) | |
| iOS - UIKit | UIColor(red: 0.020, green: 0.278, blue: 0.165, alpha: 1) | |
| Android - Compose | Color(0xFF05472A) |
