Medium Dark Dusty Fern is a medium-dark, muted shade in the green color family, with a cool feel. Its HEX code is #678156, which equals rgb(103, 129, 86) in RGB and hsl(96, 20%, 42%) in HSL. In print terms it converts to roughly C20 M0 Y33 K49, although exact CMYK results depend on the paper and color profile.
- HEX
#678156 - RGB
103, 129, 86 - HSL
96°, 20%, 42% - CMYK
20, 0, 33, 49 - Family
Green - Tone
Medium-dark, muted
About Medium Dark Dusty Fern
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 black is the most readable choice on this color, with a contrast ratio of 4.85:1. Its complementary color is #6F5681.
Download Medium Dark Dusty Fern 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…
Medium Dark Dusty Fern color codes
| HEX | #678156 |
|---|---|
| RGB | rgb(103, 129, 86) |
| HSL | hsl(96, 20%, 42%) |
| HSV | 96°, 33%, 51% |
| CMYK | 20%, 0%, 33%, 49% |
| Decimal | 6783318 |
Shades and tints of Medium Dark Dusty Fern
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6EAE3 - 100
#CCD5C7 - 200
#B3C0AB - 300
#9AAB8E - 400
#809672 - 500
#678156 - 600
#566C48 - 700
#455639 - 800
#34412B - 900
#222B1D - 950
#11160E
Color harmonies for Medium Dark Dusty Fern
- Complementary
#6F5681≈ Medium Dark Dusty Violet - Analogous −30°
#7C8156≈ Medium Dark Dusty Lime - Analogous +30°
#56815A≈ Medium Dark Dusty Green - Triadic +120°
#566781≈ Medium Dark Dusty Cerulean - Triadic +240°
#815667≈ Medium Dark Dusty Blush - Split 150°
#5A5681≈ Medium Dark Dusty Blue - Split 210°
#81567C≈ Medium Dark Dusty Cerise
Contrast and accessibility of Medium Dark Dusty Fern
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Dark Dusty Fern | Aa | 4.33:1 | AA Large only |
| Black text on Medium Dark Dusty Fern | Aa | 4.85:1 | AA (good) |
CSS code for Medium Dark Dusty Fern
background-color: #678156;color: #678156;background-color: rgb(103, 129, 86);background-color: hsl(96, 20%, 42%);:root { --color-medium-dark-dusty-fern: #678156; }class="bg-[#678156]"Colors similar to Medium Dark Dusty Fern
- Medium Dark Dusty Leaf
#638156 - Medium Dark Dusty Apple
#6B8156 - Medium Dark Dusty Spring Bud
#6F8156 - Medium Dark Dusty Clover
#5E8156 - Medium Dark Dusty Shamrock
#5A8156 - Medium Dark Dusty Chartreuse
#748156 - Medium Dark Dusty Green
#568156 - Medium Dark Dusty Lime
#788156 - Medium Dark Dusty Kelly
#56815A - Medium Dark Dusty Emerald
#56815E - Medium Dark Dusty Citron
#7C8156 - Medium Dark Dusty Jade
#568163
More green shades
- Pale Muted Fern
#B7D7A2 - Very Pale Muted Fern
#CDE3BF - Palest Muted Fern
#E3F0DB - Very Dark Dusty Fern
#2C3725 - Dark Dusty Fern
#405035 - Deep Dusty Fern
#536845 - Dusty Fern
#7A9966 - Medium Light Dusty Fern
#90A97E - Light Dusty Fern
#A5BA97 - Pale Dusty Fern
#BACAAF - Very Pale Dusty Fern
#CFDAC8
Frequently asked questions
What is the HEX code for Medium Dark Dusty Fern?
The HEX code for Medium Dark Dusty Fern is #678156.
What is the RGB value of Medium Dark Dusty Fern?
Medium Dark Dusty Fern has an RGB value of 103, 129, 86 (rgb(103, 129, 86)). In HSL it is 96°, 20%, 42%.
What text color should I use on Medium Dark Dusty Fern?
Use black text on Medium Dark Dusty Fern. White text has a contrast ratio of 4.33:1 and black text has 4.85:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Dark Dusty Fern?
The complementary color of Medium Dark Dusty Fern is #6F5681. Analogous colors #7C8156 and #56815A also pair well.