Light Muted Citron is a medium-light, moderately saturated shade in the yellow color family, with a warm feel. Its HEX code is #C4CB86, which equals rgb(196, 203, 134) in RGB and hsl(66, 40%, 66%) in HSL. In print terms it converts to roughly C3 M0 Y34 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#C4CB86 - RGB
196, 203, 134 - HSL
66°, 40%, 66% - CMYK
3, 0, 34, 20 - Family
Yellow - Tone
Medium-light, moderately saturated
About Light 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. 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 12.23:1. Its complementary color is #8D86CB.
Download Light 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…
Light Muted Citron color codes
| HEX | #C4CB86 |
|---|---|
| RGB | rgb(196, 203, 134) |
| HSL | hsl(66, 40%, 66%) |
| HSV | 66°, 34%, 80% |
| CMYK | 3%, 0%, 34%, 20% |
| Decimal | 12897158 |
Shades and tints of Light Muted Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F5F6EB - 100
#EBEED7 - 200
#E2E5C3 - 300
#D8DCAE - 400
#CED49A - 500
#C4CB86 - 600
#A3A970 - 700
#838759 - 800
#626643 - 900
#41442D - 950
#212216
Color harmonies for Light Muted Citron
- Complementary
#8D86CB≈ Light Muted Indigo - Analogous −30°
#CBAF86≈ Light Muted Orange - Analogous +30°
#A1CB86≈ Light Muted Leaf - Triadic +120°
#86C4CB≈ Light Muted Cyan - Triadic +240°
#CB86C4≈ Light Muted Magenta - Split 150°
#86A1CB≈ Light Muted Cerulean - Split 210°
#AF86CB≈ Light Muted Violet
Contrast and accessibility of Light Muted Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Muted Citron | Aa | 1.72:1 | Fails |
| Black text on Light Muted Citron | Aa | 12.23:1 | AAA (excellent) |
CSS code for Light Muted Citron
background-color: #C4CB86;color: #C4CB86;background-color: rgb(196, 203, 134);background-color: hsl(66, 40%, 66%);:root { --color-light-muted-citron: #C4CB86; }class="bg-[#C4CB86]"Colors similar to Light Muted Citron
- Light Muted Lime
#BDCB86 - Light Muted Yellow
#CBCB86 - Light Muted Gold
#CBC486 - Light Muted Chartreuse
#B6CB86 - Light Muted Marigold
#CBBD86 - Light Muted Spring Bud
#AFCB86 - Light Muted Amber
#CBB686 - Light Soft Lime
#C8DC74 - Light Soft Chartreuse
#BDDC74 - Light Dusty Yellow
#BABA97 - Light Muted Apple
#A8CB86 - Pale Muted Spring Bud
#C2D7A2
More yellow shades
- Very Dark Muted Citron
#3D401C - Dark Muted Citron
#585D28 - Deep Muted Citron
#727934 - Medium Dark Muted Citron
#8D9640 - Muted Citron
#A8B24D - Medium Light Muted Citron
#B6BF69 - Pale Muted Citron
#D2D7A2 - Very Pale Muted Citron
#E0E3BF - Palest Muted Citron
#EEF0DB - Very Dark Dusty Citron
#353725 - Dark Dusty Citron
#4D5035
Frequently asked questions
What is the HEX code for Light Muted Citron?
The HEX code for Light Muted Citron is #C4CB86.
What is the RGB value of Light Muted Citron?
Light Muted Citron has an RGB value of 196, 203, 134 (rgb(196, 203, 134)). In HSL it is 66°, 40%, 66%.
What text color should I use on Light Muted Citron?
Use black text on Light Muted Citron. White text has a contrast ratio of 1.72:1 and black text has 12.23:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Muted Citron?
The complementary color of Light Muted Citron is #8D86CB. Analogous colors #CBAF86 and #A1CB86 also pair well.