
Figma color wheel
Want to find the perfect complementary or analogous colors to match dark green?
Skip to main content
Everything you need to know about dark green to inspire your next design.
Dark green is a deep shade of green located between cyan and green on the color wheel. Due to its earthy and grounding qualities, this hue is commonly associated with feelings of growth, abundance, and success.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Malachite
Woodland
Emerald Serenity
Dark green is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #06402B
- RGB value: 2.4% red, 25.1% green, and 16.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.
Here are some ways to use dark 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 bold spectrum as dark green, consider:
To complement dark green, consider pairing it with:
Other colors worth considering include navy blue for a sophisticated pairing, cool gray to add a touch of brightness, and sage for an organic feel.
While dark green is deep, it may clash with:
Dark green symbolizes growth, abundance, and luxury. It also carries connotations of wealth and success but can sometimes signify greed and envy.
In color psychology, dark green can evoke feelings of groundedness. Its deep hue and connection to nature offer a sense of balance and stability while encouraging new beginnings.
In UI design, dark green can create a luxurious interface as a primary color or an organic feel when paired with other natural hues. Use it as a feedback color within progress bars, checkboxes, or other UI elements that confirm user actions.
Ancient Egyptians used malachite, a copper-based green pigment, in tomb paintings to symbolize the afterlife and resurrection. The Romans also used another popular green pigment, verdigris, in paintings and murals. Eventually, the advancements in pigments led to the creation of dark green and other deep green shades.
Today, dark green is used in fashion, UI design, and interior spaces to create a calming or luxurious atmosphere, showcasing its versatility.
Contrast 11.82
#06402B
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 1.78
#06402B
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 #06402B, known as dark green, has RGB values of R:6 G:64, B:43 and CMYK values of C:0.91, M:0, Y:0.33, K:0.75.
| VALUE | CSS | |
|---|---|---|
| HEX | 06402B | #06402B |
| RGB DECIMAL | 6, 64, 43 | RGB(6,64,43) |
| RGB PERCENTAGE | 2.4, 25.1, 16.9 | RGB(2.4%,25.1%,16.9%) |
| CMYK | 91, 0, 33, 7 | |
| HSL | 158.3°, 82.9, 13.7 | HSL(158.3°,82.9%,13.7%) |
| HSV (OR HSB) | 158.3°, 90.6, 25.1 | |
| WEB SAFE | 003333 | #003333 |
| CIE-LAB | 23.27, -23.72, 7.905 | |
| XYZ | 2.344, 3.88, 2.911 | |
| xyY | 0.257, 0.425, 3.88 | |
| CIE-LCH | 23.27, 25.003, 161.568 | |
| CIE-LUV | 23.27, -18.897, 10.807 | |
| HUNTER-LAB | 19.697, -13.224, 5.026 | |
| BINARY | 00000110, 01000000, 00101011 | |
| iOS - SwiftUI | Color(red: 0.024, green: 0.251, blue: 0.169) | |
| iOS - UIKit | UIColor(red: 0.024, green: 0.251, blue: 0.169, alpha: 1) | |
| Android - Compose | Color(0xFF06402B) |

Want to find the perfect complementary or analogous colors to match dark green?

Discover the tranquil feelings associated with forest green.

Embrace the timeless sophistication of ivory.