Pale Dusty Leaf is a medium-light, muted shade in the green color family, with a cool feel. Its HEX code is #B7CAAF, which equals rgb(183, 202, 175) in RGB and hsl(102, 20%, 74%) in HSL. In print terms it converts to roughly C9 M0 Y13 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#B7CAAF - RGB
183, 202, 175 - HSL
102°, 20%, 74% - CMYK
9, 0, 13, 21 - Family
Green - Tone
Medium-light, muted
About Pale Dusty Leaf
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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 12.08:1. Its complementary color is #C2AFCA.
Download Pale Dusty Leaf 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 Leaf color codes
| HEX | #B7CAAF |
|---|---|
| RGB | rgb(183, 202, 175) |
| HSL | hsl(102, 20%, 74%) |
| HSV | 102°, 13%, 79% |
| CMYK | 9%, 0%, 13%, 21% |
| Decimal | 12044975 |
Shades and tints of Pale Dusty Leaf
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F3F6F2 - 100
#E7EDE4 - 200
#DBE5D7 - 300
#CFDCCA - 400
#C3D3BC - 500
#B7CAAF - 600
#99A892 - 700
#7A8775 - 800
#5C6558 - 900
#3D433A - 950
#1F221D
Color harmonies for Pale Dusty Leaf
- Complementary
#C2AFCA≈ Pale Dusty Amethyst - Analogous −30°
#C5CAAF≈ Pale Dusty Citron - Analogous +30°
#AFCAB5≈ Pale Dusty Jade - Triadic +120°
#AFB7CA≈ Pale Dusty Cobalt - Triadic +240°
#CAAFB7≈ Pale Dusty Crimson - Split 150°
#B5AFCA≈ Pale Dusty Iris - Split 210°
#CAAFC5≈ Pale Dusty Fuchsia
Contrast and accessibility of Pale Dusty Leaf
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Leaf | Aa | 1.74:1 | Fails |
| Black text on Pale Dusty Leaf | Aa | 12.08:1 | AAA (excellent) |
CSS code for Pale Dusty Leaf
background-color: #B7CAAF;color: #B7CAAF;background-color: rgb(183, 202, 175);background-color: hsl(102, 20%, 74%);:root { --color-pale-dusty-leaf: #B7CAAF; }class="bg-[#B7CAAF]"Colors similar to Pale Dusty Leaf
- Pale Dusty Clover
#B5CAAF - Pale Dusty Fern
#BACAAF - Pale Dusty Shamrock
#B2CAAF - Pale Dusty Apple
#BDCAAF - Pale Dusty Green
#AFCAAF - Pale Dusty Spring Bud
#BFCAAF - Pale Dusty Kelly
#AFCAB2 - Pale Dusty Emerald
#AFCAB5 - Pale Dusty Jade
#AFCAB7 - Pale Dusty Chartreuse
#C2CAAF - Pale Dusty Malachite
#AFCABA - Pale Dusty Lime
#C5CAAF
More green shades
- Dark Dusty Leaf
#3D5035 - Deep Dusty Leaf
#506845 - Medium Dark Dusty Leaf
#638156 - Dusty Leaf
#759966 - Medium Light Dusty Leaf
#8BA97E - Light Dusty Leaf
#A1BA97 - Very Pale Dusty Leaf
#CDDAC8 - Palest Dusty Leaf
#E3EBE0 - Darkest Clover
#0A3300 - Very Dark Clover
#125C00 - Dark Clover
#1B8500
Frequently asked questions
What is the HEX code for Pale Dusty Leaf?
The HEX code for Pale Dusty Leaf is #B7CAAF.
What is the RGB value of Pale Dusty Leaf?
Pale Dusty Leaf has an RGB value of 183, 202, 175 (rgb(183, 202, 175)). In HSL it is 102°, 20%, 74%.
What text color should I use on Pale Dusty Leaf?
Use black text on Pale Dusty Leaf. White text has a contrast ratio of 1.74:1 and black text has 12.08:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Leaf?
The complementary color of Pale Dusty Leaf is #C2AFCA. Analogous colors #C5CAAF and #AFCAB5 also pair well.