Pale Muted Citron is a medium-light, moderately saturated shade in the yellow color family, with a warm feel. Its HEX code is #D2D7A2, which equals rgb(210, 215, 162) in RGB and hsl(66, 40%, 74%) in HSL. In print terms it converts to roughly C2 M0 Y25 K16, although exact CMYK results depend on the paper and color profile.
- HEX
#D2D7A2 - RGB
210, 215, 162 - HSL
66°, 40%, 74% - CMYK
2, 0, 25, 16 - Family
Yellow - Tone
Medium-light, moderately saturated
About Pale Muted 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 13.98:1. Its complementary color is #A7A2D7.
Download Pale Muted 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 Muted Citron color codes
| HEX | #D2D7A2 |
|---|---|
| RGB | rgb(210, 215, 162) |
| HSL | hsl(66, 40%, 74%) |
| HSV | 66°, 25%, 84% |
| CMYK | 2%, 0%, 25%, 16% |
| Decimal | 13817762 |
Shades and tints of Pale Muted Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8F8F0 - 100
#F0F2E0 - 200
#E9EBD1 - 300
#E1E4C1 - 400
#DADEB2 - 500
#D2D7A2 - 600
#AFB387 - 700
#8C8F6C - 800
#696C51 - 900
#464836 - 950
#23241B
Color harmonies for Pale Muted Citron
- Complementary
#A7A2D7≈ Pale Muted Blue - Analogous −30°
#D7C2A2≈ Pale Muted Orange - Analogous +30°
#B7D7A2≈ Pale Muted Leaf - Triadic +120°
#A2D2D7≈ Pale Muted Cyan - Triadic +240°
#D7A2D2≈ Pale Muted Magenta - Split 150°
#A2B7D7≈ Pale Muted Sapphire - Split 210°
#C2A2D7≈ Pale Muted Violet
Contrast and accessibility of Pale Muted Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Muted Citron | Aa | 1.50:1 | Fails |
| Black text on Pale Muted Citron | Aa | 13.98:1 | AAA (excellent) |
CSS code for Pale Muted Citron
background-color: #D2D7A2;color: #D2D7A2;background-color: rgb(210, 215, 162);background-color: hsl(66, 40%, 74%);:root { --color-pale-muted-citron: #D2D7A2; }class="bg-[#D2D7A2]"Colors similar to Pale Muted Citron
- Pale Muted Lime
#CDD7A2 - Pale Muted Yellow
#D7D7A2 - Pale Muted Gold
#D7D2A2 - Pale Muted Chartreuse
#C7D7A2 - Pale Muted Marigold
#D7CDA2 - Pale Muted Spring Bud
#C2D7A2 - Pale Soft Lime
#D5E495 - Pale Muted Amber
#D7C7A2 - Pale Soft Chartreuse
#CDE495 - Pale Muted Apple
#BDD7A2 - Pale Dusty Yellow
#CACAAF - Pale Soft Marigold
#E4D595
More yellow shades
- Dark Muted Citron
#585D28 - Deep Muted Citron
#727934 - Medium Dark Muted Citron
#8D9640 - Muted Citron
#A8B24D - Medium Light Muted Citron
#B6BF69 - Light Muted Citron
#C4CB86 - Very Pale Muted Citron
#E0E3BF - Palest Muted Citron
#EEF0DB - Very Dark Dusty Citron
#353725 - Dark Dusty Citron
#4D5035 - Deep Dusty Citron
#656845
Frequently asked questions
What is the HEX code for Pale Muted Citron?
The HEX code for Pale Muted Citron is #D2D7A2.
What is the RGB value of Pale Muted Citron?
Pale Muted Citron has an RGB value of 210, 215, 162 (rgb(210, 215, 162)). In HSL it is 66°, 40%, 74%.
What text color should I use on Pale Muted Citron?
Use black text on Pale Muted Citron. White text has a contrast ratio of 1.50:1 and black text has 13.98:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Muted Citron?
The complementary color of Pale Muted Citron is #A7A2D7. Analogous colors #D7C2A2 and #B7D7A2 also pair well.