Deep Dusty Emerald is a medium-dark, muted shade in the green color family, with a cool feel. Its HEX code is #45684C, which equals rgb(69, 104, 76) in RGB and hsl(132, 20%, 34%) in HSL. In print terms it converts to roughly C34 M0 Y27 K59, although exact CMYK results depend on the paper and color profile.
- HEX
#45684C - RGB
69, 104, 76 - HSL
132°, 20%, 34% - CMYK
34, 0, 27, 59 - Family
Green - Tone
Medium-dark, muted
About Deep Dusty Emerald
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 6.29:1. Its complementary color is #684561.
Download Deep Dusty Emerald as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Deep Dusty Emerald color codes
| HEX | #45684C |
|---|---|
| RGB | rgb(69, 104, 76) |
| HSL | hsl(132, 20%, 34%) |
| HSV | 132°, 34%, 41% |
| CMYK | 34%, 0%, 27%, 59% |
| Decimal | 4548684 |
Shades and tints of Deep Dusty Emerald
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E0E6E1 - 100
#C1CDC3 - 200
#A2B4A6 - 300
#839A88 - 400
#64816A - 500
#45684C - 600
#3A573F - 700
#2E4533 - 800
#233426 - 900
#172319 - 950
#0C110D
Color harmonies for Deep Dusty Emerald
- Complementary
#684561≈ Deep Dusty Raspberry - Analogous −30°
#506845≈ Deep Dusty Fern - Analogous +30°
#45685E≈ Deep Dusty Turquoise - Triadic +120°
#4C4568≈ Deep Dusty Ultramarine - Triadic +240°
#684C45≈ Deep Dusty Scarlet - Split 150°
#5E4568≈ Deep Dusty Purple - Split 210°
#684550≈ Deep Dusty Carmine
Contrast and accessibility of Deep Dusty Emerald
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Dusty Emerald | Aa | 6.29:1 | AA (good) |
| Black text on Deep Dusty Emerald | Aa | 3.34:1 | AA Large only |
CSS code for Deep Dusty Emerald
background-color: #45684C;color: #45684C;background-color: rgb(69, 104, 76);background-color: hsl(132, 20%, 34%);:root { --color-deep-dusty-emerald: #45684C; }class="bg-[#45684C]"Colors similar to Deep Dusty Emerald
- Deep Dusty Kelly
#456849 - Deep Dusty Jade
#456850 - Deep Dusty Green
#456845 - Deep Dusty Malachite
#456853 - Deep Dusty Shamrock
#496845 - Deep Dusty Clover
#4C6845 - Deep Dusty Mint
#456857 - Deep Dusty Leaf
#506845 - Deep Dusty Seafoam
#45685A - Deep Dusty Fern
#536845 - Deep Dusty Apple
#576845 - Deep Dusty Aquamarine
#45685E
More green shades
- Light Muted Emerald
#86CB93 - Pale Muted Emerald
#A2D7AD - Very Pale Muted Emerald
#BFE3C6 - Palest Muted Emerald
#DBF0DF - Very Dark Dusty Emerald
#253728 - Dark Dusty Emerald
#35503A - Medium Dark Dusty Emerald
#56815E - Dusty Emerald
#669970 - Medium Light Dusty Emerald
#7EA987 - Light Dusty Emerald
#97BA9E - Pale Dusty Emerald
#AFCAB5
Frequently asked questions
What is the HEX code for Deep Dusty Emerald?
The HEX code for Deep Dusty Emerald is #45684C.
What is the RGB value of Deep Dusty Emerald?
Deep Dusty Emerald has an RGB value of 69, 104, 76 (rgb(69, 104, 76)). In HSL it is 132°, 20%, 34%.
What text color should I use on Deep Dusty Emerald?
Use white text on Deep Dusty Emerald. White text has a contrast ratio of 6.29:1 and black text has 3.34:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Dusty Emerald?
The complementary color of Deep Dusty Emerald is #684561. Analogous colors #506845 and #45685E also pair well.