Pale Dusty Citron is a medium-light, muted shade in the yellow color family, with a warm feel. Its HEX code is #C7CAAF, which equals rgb(199, 202, 175) in RGB and hsl(67, 20%, 74%) in HSL. In print terms it converts to roughly C1 M0 Y13 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#C7CAAF - RGB
199, 202, 175 - HSL
67°, 20%, 74% - CMYK
1, 0, 13, 21 - Family
Yellow - Tone
Medium-light, muted
About Pale Dusty Citron
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. 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.50:1. Its complementary color is #B3AFCA.
Download Pale Dusty Citron 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 Citron color codes
| HEX | #C7CAAF |
|---|---|
| RGB | rgb(199, 202, 175) |
| HSL | hsl(67, 20%, 74%) |
| HSV | 67°, 13%, 79% |
| CMYK | 1%, 0%, 13%, 21% |
| Decimal | 13093551 |
Shades and tints of Pale Dusty Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F6F6F2 - 100
#ECEDE4 - 200
#E3E5D7 - 300
#DADCCA - 400
#D0D3BC - 500
#C7CAAF - 600
#A6A892 - 700
#858775 - 800
#646558 - 900
#42433A - 950
#21221D
Color harmonies for Pale Dusty Citron
- Complementary
#B3AFCA≈ Pale Dusty Ultramarine - Analogous −30°
#CAC0AF≈ Pale Dusty Tangerine - Analogous +30°
#BACAAF≈ Pale Dusty Leaf - Triadic +120°
#AFC7CA≈ Pale Dusty Peacock - Triadic +240°
#CAAFC7≈ Pale Dusty Cerise - Split 150°
#AFBACA≈ Pale Dusty Cerulean - Split 210°
#C0AFCA≈ Pale Dusty Amethyst
Contrast and accessibility of Pale Dusty Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Citron | Aa | 1.68:1 | Fails |
| Black text on Pale Dusty Citron | Aa | 12.50:1 | AAA (excellent) |
CSS code for Pale Dusty Citron
background-color: #C7CAAF;color: #C7CAAF;background-color: rgb(199, 202, 175);background-color: hsl(67, 20%, 74%);:root { --color-pale-dusty-citron: #C7CAAF; }class="bg-[#C7CAAF]"Colors similar to Pale Dusty Citron
- Pale Dusty Lime
#C5CAAF - Pale Dusty Yellow
#CACAAF - Pale Dusty Gold
#CAC7AF - Pale Dusty Chartreuse
#C2CAAF - Pale Dusty Marigold
#CAC5AF - Pale Dusty Spring Bud
#BFCAAF - Pale Dusty Apple
#BDCAAF - Pale Dusty Amber
#CAC2AF - Pale Dusty Fern
#BACAAF - Pale Dusty Tangerine
#CABFAF - Pale Dusty Orange
#CABDAF - Pale Dusty Leaf
#B7CAAF
More yellow shades
- Dark Dusty Citron
#4D5035 - Deep Dusty Citron
#656845 - Medium Dark Dusty Citron
#7C8156 - Dusty Citron
#949966 - Medium Light Dusty Citron
#A5A97E - Light Dusty Citron
#B6BA97 - Very Pale Dusty Citron
#D8DAC8 - Palest Dusty Citron
#EAEBE0 - Darkest Lime
#293300 - Very Dark Lime
#495C00 - Dark Lime
#6A8500
Frequently asked questions
What is the HEX code for Pale Dusty Citron?
The HEX code for Pale Dusty Citron is #C7CAAF.
What is the RGB value of Pale Dusty Citron?
Pale Dusty Citron has an RGB value of 199, 202, 175 (rgb(199, 202, 175)). In HSL it is 67°, 20%, 74%.
What text color should I use on Pale Dusty Citron?
Use black text on Pale Dusty Citron. White text has a contrast ratio of 1.68:1 and black text has 12.50:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Citron?
The complementary color of Pale Dusty Citron is #B3AFCA. Analogous colors #CAC0AF and #BACAAF also pair well.