Pale Dusty Fern is a medium-light, muted shade in the green color family, with a cool feel. Its HEX code is #BACAAF, which equals rgb(186, 202, 175) in RGB and hsl(96, 20%, 74%) in HSL. In print terms it converts to roughly C8 M0 Y13 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#BACAAF - RGB
186, 202, 175 - HSL
96°, 20%, 74% - CMYK
8, 0, 13, 21 - Family
Green - Tone
Medium-light, muted
About Pale 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 12.16:1. Its complementary color is #BFAFCA.
Download Pale 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…
Pale Dusty Fern color codes
| HEX | #BACAAF |
|---|---|
| RGB | rgb(186, 202, 175) |
| HSL | hsl(96, 20%, 74%) |
| HSV | 96°, 13%, 79% |
| CMYK | 8%, 0%, 13%, 21% |
| Decimal | 12241583 |
Shades and tints of Pale Dusty Fern
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F4F6F2 - 100
#E8EDE4 - 200
#DDE5D7 - 300
#D1DCCA - 400
#C6D3BC - 500
#BACAAF - 600
#9BA892 - 700
#7C8775 - 800
#5D6558 - 900
#3E433A - 950
#1F221D
Color harmonies for Pale Dusty Fern
- Complementary
#BFAFCA≈ Pale Dusty Violet - Analogous −30°
#C7CAAF≈ Pale Dusty Lime - Analogous +30°
#AFCAB2≈ Pale Dusty Green - Triadic +120°
#AFBACA≈ Pale Dusty Cerulean - Triadic +240°
#CAAFBA≈ Pale Dusty Blush - Split 150°
#B2AFCA≈ Pale Dusty Blue - Split 210°
#CAAFC7≈ Pale Dusty Cerise
Contrast and accessibility of Pale Dusty Fern
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Fern | Aa | 1.73:1 | Fails |
| Black text on Pale Dusty Fern | Aa | 12.16:1 | AAA (excellent) |
CSS code for Pale Dusty Fern
background-color: #BACAAF;color: #BACAAF;background-color: rgb(186, 202, 175);background-color: hsl(96, 20%, 74%);:root { --color-pale-dusty-fern: #BACAAF; }class="bg-[#BACAAF]"Colors similar to Pale Dusty Fern
- Pale Dusty Leaf
#B7CAAF - Pale Dusty Apple
#BDCAAF - Pale Dusty Clover
#B5CAAF - Pale Dusty Spring Bud
#BFCAAF - Pale Dusty Shamrock
#B2CAAF - Pale Dusty Chartreuse
#C2CAAF - Pale Dusty Green
#AFCAAF - Pale Dusty Lime
#C5CAAF - Pale Dusty Kelly
#AFCAB2 - Pale Dusty Emerald
#AFCAB5 - Pale Dusty Citron
#C7CAAF - Pale Dusty Jade
#AFCAB7
More green shades
- Dark Dusty Fern
#405035 - Deep Dusty Fern
#536845 - Medium Dark Dusty Fern
#678156 - Dusty Fern
#7A9966 - Medium Light Dusty Fern
#90A97E - Light Dusty Fern
#A5BA97 - Very Pale Dusty Fern
#CFDAC8 - Palest Dusty Fern
#E4EBE0 - Darkest Leaf
#0F3300 - Very Dark Leaf
#1C5C00 - Dark Leaf
#288500
Frequently asked questions
What is the HEX code for Pale Dusty Fern?
The HEX code for Pale Dusty Fern is #BACAAF.
What is the RGB value of Pale Dusty Fern?
Pale Dusty Fern has an RGB value of 186, 202, 175 (rgb(186, 202, 175)). In HSL it is 96°, 20%, 74%.
What text color should I use on Pale Dusty Fern?
Use black text on Pale Dusty Fern. White text has a contrast ratio of 1.73:1 and black text has 12.16:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Fern?
The complementary color of Pale Dusty Fern is #BFAFCA. Analogous colors #C7CAAF and #AFCAB2 also pair well.