Pale Dusty Yellow is a medium-light, muted shade in the yellow color family, with a warm feel. Its HEX code is #CACAAF, which equals rgb(202, 202, 175) in RGB and hsl(60, 20%, 74%) in HSL. In print terms it converts to roughly C0 M0 Y13 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#CACAAF - RGB
202, 202, 175 - HSL
60°, 20%, 74% - CMYK
0, 0, 13, 21 - Family
Yellow - Tone
Medium-light, muted
About Pale Dusty Yellow
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. 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.58:1. Its complementary color is #AFAFCA.
Download Pale Dusty Yellow 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 Yellow color codes
| HEX | #CACAAF |
|---|---|
| RGB | rgb(202, 202, 175) |
| HSL | hsl(60, 20%, 74%) |
| HSV | 60°, 13%, 79% |
| CMYK | 0%, 0%, 13%, 21% |
| Decimal | 13290159 |
Shades and tints of Pale Dusty Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F6F6F2 - 100
#EDEDE4 - 200
#E5E5D7 - 300
#DCDCCA - 400
#D3D3BC - 500
#CACAAF - 600
#A8A892 - 700
#878775 - 800
#656558 - 900
#43433A - 950
#22221D
Color harmonies for Pale Dusty Yellow
- Complementary
#AFAFCA≈ Pale Dusty Ultramarine - Analogous −30°
#CABDAF≈ Pale Dusty Tangerine - Analogous +30°
#BDCAAF≈ Pale Dusty Spring Bud - Triadic +120°
#AFCACA≈ Pale Dusty Teal - Triadic +240°
#CAAFCA≈ Pale Dusty Fuchsia - Split 150°
#AFBDCA≈ Pale Dusty Azure - Split 210°
#BDAFCA≈ Pale Dusty Amethyst
Contrast and accessibility of Pale Dusty Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Yellow | Aa | 1.67:1 | Fails |
| Black text on Pale Dusty Yellow | Aa | 12.58:1 | AAA (excellent) |
CSS code for Pale Dusty Yellow
background-color: #CACAAF;color: #CACAAF;background-color: rgb(202, 202, 175);background-color: hsl(60, 20%, 74%);:root { --color-pale-dusty-yellow: #CACAAF; }class="bg-[#CACAAF]"Colors similar to Pale Dusty Yellow
- Pale Dusty Citron
#C7CAAF - Pale Dusty Gold
#CAC7AF - Pale Dusty Lime
#C5CAAF - Pale Dusty Marigold
#CAC5AF - Pale Dusty Chartreuse
#C2CAAF - Pale Dusty Amber
#CAC2AF - Pale Dusty Spring Bud
#BFCAAF - Pale Dusty Apple
#BDCAAF - Pale Dusty Tangerine
#CABFAF - Pale Dusty Orange
#CABDAF - Pale Dusty Fern
#BACAAF - Warm Gray 75
#C5BFBA
More yellow shades
- Dark Dusty Yellow
#505035 - Deep Dusty Yellow
#686845 - Medium Dark Dusty Yellow
#818156 - Dusty Yellow
#999966 - Medium Light Dusty Yellow
#A9A97E - Light Dusty Yellow
#BABA97 - Very Pale Dusty Yellow
#DADAC8 - Palest Dusty Yellow
#EBEBE0 - Darkest Citron
#2E3300 - Very Dark Citron
#535C00 - Dark Citron
#778500
Frequently asked questions
What is the HEX code for Pale Dusty Yellow?
The HEX code for Pale Dusty Yellow is #CACAAF.
What is the RGB value of Pale Dusty Yellow?
Pale Dusty Yellow has an RGB value of 202, 202, 175 (rgb(202, 202, 175)). In HSL it is 60°, 20%, 74%.
What text color should I use on Pale Dusty Yellow?
Use black text on Pale Dusty Yellow. White text has a contrast ratio of 1.67:1 and black text has 12.58:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Yellow?
The complementary color of Pale Dusty Yellow is #AFAFCA. Analogous colors #CABDAF and #BDCAAF also pair well.