Light Muted Yellow is a medium-light, moderately saturated shade in the yellow color family, with a warm feel. Its HEX code is #CBCB86, which equals rgb(203, 203, 134) in RGB and hsl(60, 40%, 66%) in HSL. In print terms it converts to roughly C0 M0 Y34 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CBCB86 - RGB
203, 203, 134 - HSL
60°, 40%, 66% - CMYK
0, 0, 34, 20 - Family
Yellow - Tone
Medium-light, moderately saturated
About Light 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. 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.43:1. Its complementary color is #8686CB.
Download Light 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…
Light Muted Yellow color codes
| HEX | #CBCB86 |
|---|---|
| RGB | rgb(203, 203, 134) |
| HSL | hsl(60, 40%, 66%) |
| HSV | 60°, 34%, 80% |
| CMYK | 0%, 0%, 34%, 20% |
| Decimal | 13355910 |
Shades and tints of Light Muted Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F6F6EB - 100
#EEEED7 - 200
#E5E5C3 - 300
#DCDCAE - 400
#D4D49A - 500
#CBCB86 - 600
#A9A970 - 700
#878759 - 800
#666643 - 900
#44442D - 950
#222216
Color harmonies for Light Muted Yellow
- Complementary
#8686CB≈ Light Muted Ultramarine - Analogous −30°
#CBA886≈ Light Muted Persimmon - Analogous +30°
#A8CB86≈ Light Muted Fern - Triadic +120°
#86CBCB≈ Light Muted Teal - Triadic +240°
#CB86CB≈ Light Muted Fuchsia - Split 150°
#86A8CB≈ Light Muted Azure - Split 210°
#A886CB≈ Light Muted Periwinkle
Contrast and accessibility of Light Muted Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Muted Yellow | Aa | 1.69:1 | Fails |
| Black text on Light Muted Yellow | Aa | 12.43:1 | AAA (excellent) |
CSS code for Light Muted Yellow
background-color: #CBCB86;color: #CBCB86;background-color: rgb(203, 203, 134);background-color: hsl(60, 40%, 66%);:root { --color-light-muted-yellow: #CBCB86; }class="bg-[#CBCB86]"Colors similar to Light Muted Yellow
- Light Muted Citron
#C4CB86 - Light Muted Gold
#CBC486 - Light Muted Lime
#BDCB86 - Light Muted Marigold
#CBBD86 - Light Muted Chartreuse
#B6CB86 - Light Soft Marigold
#DCC874 - Light Soft Gold
#DCD274 - Light Muted Amber
#CBB686 - Light Soft Lime
#C8DC74 - Light Soft Citron
#D2DC74 - Pale Muted Marigold
#D7CDA2 - Light Muted Spring Bud
#AFCB86
More yellow shades
- Very Dark Muted Yellow
#40401C - Dark Muted Yellow
#5D5D28 - Deep Muted Yellow
#797934 - Medium Dark Muted Yellow
#969640 - Muted Yellow
#B2B24D - Medium Light Muted Yellow
#BFBF69 - Pale Muted Yellow
#D7D7A2 - Very Pale Muted Yellow
#E3E3BF - Palest Muted Yellow
#F0F0DB - Very Dark Dusty Yellow
#373725 - Dark Dusty Yellow
#505035
Frequently asked questions
What is the HEX code for Light Muted Yellow?
The HEX code for Light Muted Yellow is #CBCB86.
What is the RGB value of Light Muted Yellow?
Light Muted Yellow has an RGB value of 203, 203, 134 (rgb(203, 203, 134)). In HSL it is 60°, 40%, 66%.
What text color should I use on Light Muted Yellow?
Use black text on Light Muted Yellow. White text has a contrast ratio of 1.69:1 and black text has 12.43:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Muted Yellow?
The complementary color of Light Muted Yellow is #8686CB. Analogous colors #CBA886 and #A8CB86 also pair well.