Pale Muted Yellow is a medium-light, moderately saturated shade in the yellow color family, with a warm feel. Its HEX code is #D7D7A2, which equals rgb(215, 215, 162) in RGB and hsl(60, 40%, 74%) in HSL. In print terms it converts to roughly C0 M0 Y25 K16, although exact CMYK results depend on the paper and color profile.
- HEX
#D7D7A2 - RGB
215, 215, 162 - HSL
60°, 40%, 74% - CMYK
0, 0, 25, 16 - Family
Yellow - Tone
Medium-light, moderately saturated
About Pale Muted 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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 14.13:1. Its complementary color is #A2A2D7.
Download Pale Muted 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 Muted Yellow color codes
| HEX | #D7D7A2 |
|---|---|
| RGB | rgb(215, 215, 162) |
| HSL | hsl(60, 40%, 74%) |
| HSV | 60°, 25%, 84% |
| CMYK | 0%, 0%, 25%, 16% |
| Decimal | 14145442 |
Shades and tints of Pale Muted Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8F8F0 - 100
#F2F2E0 - 200
#EBEBD1 - 300
#E4E4C1 - 400
#DEDEB2 - 500
#D7D7A2 - 600
#B3B387 - 700
#8F8F6C - 800
#6C6C51 - 900
#484836 - 950
#24241B
Color harmonies for Pale Muted Yellow
- Complementary
#A2A2D7≈ Pale Muted Ultramarine - Analogous −30°
#D7BDA2≈ Pale Muted Tangerine - Analogous +30°
#BDD7A2≈ Pale Muted Spring Bud - Triadic +120°
#A2D7D7≈ Pale Muted Teal - Triadic +240°
#D7A2D7≈ Pale Muted Fuchsia - Split 150°
#A2BDD7≈ Pale Muted Azure - Split 210°
#BDA2D7≈ Pale Muted Amethyst
Contrast and accessibility of Pale Muted Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Muted Yellow | Aa | 1.49:1 | Fails |
| Black text on Pale Muted Yellow | Aa | 14.13:1 | AAA (excellent) |
CSS code for Pale Muted Yellow
background-color: #D7D7A2;color: #D7D7A2;background-color: rgb(215, 215, 162);background-color: hsl(60, 40%, 74%);:root { --color-pale-muted-yellow: #D7D7A2; }class="bg-[#D7D7A2]"Colors similar to Pale Muted Yellow
- Pale Muted Citron
#D2D7A2 - Pale Muted Gold
#D7D2A2 - Pale Muted Lime
#CDD7A2 - Pale Muted Marigold
#D7CDA2 - Pale Muted Chartreuse
#C7D7A2 - Pale Soft Marigold
#E4D595 - Pale Soft Gold
#E4DD95 - Pale Muted Amber
#D7C7A2 - Pale Soft Lime
#D5E495 - Pale Soft Citron
#DDE495 - Pale Muted Spring Bud
#C2D7A2 - Pale Soft Amber
#E4CD95
More yellow shades
- Dark Muted Yellow
#5D5D28 - Deep Muted Yellow
#797934 - Medium Dark Muted Yellow
#969640 - Muted Yellow
#B2B24D - Medium Light Muted Yellow
#BFBF69 - Light Muted Yellow
#CBCB86 - Very Pale Muted Yellow
#E3E3BF - Palest Muted Yellow
#F0F0DB - Very Dark Dusty Yellow
#373725 - Dark Dusty Yellow
#505035 - Deep Dusty Yellow
#686845
Frequently asked questions
What is the HEX code for Pale Muted Yellow?
The HEX code for Pale Muted Yellow is #D7D7A2.
What is the RGB value of Pale Muted Yellow?
Pale Muted Yellow has an RGB value of 215, 215, 162 (rgb(215, 215, 162)). In HSL it is 60°, 40%, 74%.
What text color should I use on Pale Muted Yellow?
Use black text on Pale Muted Yellow. White text has a contrast ratio of 1.49:1 and black text has 14.13:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Muted Yellow?
The complementary color of Pale Muted Yellow is #A2A2D7. Analogous colors #D7BDA2 and #BDD7A2 also pair well.