Dusty Fern is a medium, muted shade in the green color family, with a cool feel. Its HEX code is #7A9966, which equals rgb(122, 153, 102) in RGB and hsl(96, 20%, 50%) in HSL. In print terms it converts to roughly C20 M0 Y33 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#7A9966 - RGB
122, 153, 102 - HSL
96°, 20%, 50% - CMYK
20, 0, 33, 40 - Family
Green - Tone
Medium, muted
About 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 6.58:1. Its complementary color is #856699.
Download 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…
Dusty Fern color codes
| HEX | #7A9966 |
|---|---|
| RGB | rgb(122, 153, 102) |
| HSL | hsl(96, 20%, 50%) |
| HSV | 96°, 33%, 60% |
| CMYK | 20%, 0%, 33%, 40% |
| Decimal | 8034662 |
Shades and tints of Dusty Fern
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9EEE6 - 100
#D3DDCC - 200
#BDCCB3 - 300
#A6BB99 - 400
#90AA80 - 500
#7A9966 - 600
#668055 - 700
#516644 - 800
#3D4D33 - 900
#293322 - 950
#141A11
Color harmonies for Dusty Fern
- Complementary
#856699≈ Dusty Grape - Analogous −30°
#949966≈ Dusty Lime - Analogous +30°
#66996B≈ Dusty Green - Triadic +120°
#667A99≈ Dusty Cerulean - Triadic +240°
#99667A≈ Dusty Ruby - Split 150°
#6B6699≈ Dusty Blue - Split 210°
#996694≈ Dusty Magenta
Contrast and accessibility of Dusty Fern
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Fern | Aa | 3.19:1 | AA Large only |
| Black text on Dusty Fern | Aa | 6.58:1 | AA (good) |
CSS code for Dusty Fern
background-color: #7A9966;color: #7A9966;background-color: rgb(122, 153, 102);background-color: hsl(96, 20%, 50%);:root { --color-dusty-fern: #7A9966; }class="bg-[#7A9966]"Colors similar to Dusty Fern
- Dusty Leaf
#759966 - Dusty Apple
#809966 - Dusty Clover
#709966 - Dusty Spring Bud
#859966 - Dusty Shamrock
#6B9966 - Dusty Chartreuse
#8A9966 - Moss Green
#8A9A5B - Dusty Green
#669966 - Dusty Kelly
#66996B - Dusty Lime
#8F9966 - Dusty Emerald
#669970 - Dusty Jade
#669975
More green shades
- Very Pale Muted Fern
#CDE3BF - Palest Muted Fern
#E3F0DB - Very Dark Dusty Fern
#2C3725 - Dark Dusty Fern
#405035 - Deep Dusty Fern
#536845 - Medium Dark Dusty Fern
#678156 - Medium Light Dusty Fern
#90A97E - Light Dusty Fern
#A5BA97 - Pale Dusty Fern
#BACAAF - Very Pale Dusty Fern
#CFDAC8 - Palest Dusty Fern
#E4EBE0
Frequently asked questions
What is the HEX code for Dusty Fern?
The HEX code for Dusty Fern is #7A9966.
What is the RGB value of Dusty Fern?
Dusty Fern has an RGB value of 122, 153, 102 (rgb(122, 153, 102)). In HSL it is 96°, 20%, 50%.
What text color should I use on Dusty Fern?
Use black text on Dusty Fern. White text has a contrast ratio of 3.19:1 and black text has 6.58:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Fern?
The complementary color of Dusty Fern is #856699. Analogous colors #949966 and #66996B also pair well.