Muted Yellow is a medium, moderately saturated shade in the yellow color family, with a warm feel. Its HEX code is #B2B24D, which equals rgb(178, 178, 77) in RGB and hsl(60, 40%, 50%) in HSL. In print terms it converts to roughly C0 M0 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B2B24D - RGB
178, 178, 77 - HSL
60°, 40%, 50% - CMYK
0, 0, 57, 30 - Family
Yellow - Tone
Medium, moderately saturated
About 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 9.37:1. Its complementary color is #4D4DB3.
Download 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…
Muted Yellow color codes
| HEX | #B2B24D |
|---|---|
| RGB | rgb(178, 178, 77) |
| HSL | hsl(60, 40%, 50%) |
| HSV | 60°, 57%, 70% |
| CMYK | 0%, 0%, 57%, 30% |
| Decimal | 11711053 |
Shades and tints of Muted Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2F2E1 - 100
#E5E5C4 - 200
#D9D9A6 - 300
#CCCC88 - 400
#BFBF6B - 500
#B2B24D - 600
#949440 - 700
#777733 - 800
#595927 - 900
#3B3B1A - 950
#1E1E0D
Color harmonies for Muted Yellow
- Complementary
#4D4DB3≈ Muted Blue - Analogous −30°
#B3804D≈ Muted Orange - Analogous +30°
#80B34D≈ Muted Apple - Triadic +120°
#4DB3B3≈ Muted Cyan - Triadic +240°
#B34DB3≈ Muted Magenta - Split 150°
#4D80B3≈ Muted Cerulean - Split 210°
#804DB3≈ Muted Violet
Contrast and accessibility of Muted Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Yellow | Aa | 2.24:1 | Fails |
| Black text on Muted Yellow | Aa | 9.37:1 | AAA (excellent) |
CSS code for Muted Yellow
background-color: #B2B24D;color: #B2B24D;background-color: rgb(178, 178, 77);background-color: hsl(60, 40%, 50%);:root { --color-muted-yellow: #B2B24D; }class="bg-[#B2B24D]"Colors similar to Muted Yellow
- Muted Citron
#A8B24D - Muted Gold
#B2A84D - Brass
#B5A642 - Muted Lime
#9EB24D - Muted Marigold
#B29E4D - Medium Light Muted Marigold
#BFAE69 - Medium Light Muted Gold
#BFB669 - Muted Chartreuse
#94B24D - Dark Khaki
#BDB76B - Medium Light Muted Citron
#B6BF69 - Medium Light Muted Lime
#AEBF69 - Medium Light Muted Amber
#BFA569
More yellow shades
- Palest Soft Yellow
#F5F5D6 - Darkest Muted Yellow
#24240F - Very Dark Muted Yellow
#40401C - Dark Muted Yellow
#5D5D28 - Deep Muted Yellow
#797934 - Medium Dark Muted Yellow
#969640 - Medium Light Muted Yellow
#BFBF69 - Light Muted Yellow
#CBCB86 - Pale Muted Yellow
#D7D7A2 - Very Pale Muted Yellow
#E3E3BF - Palest Muted Yellow
#F0F0DB
Frequently asked questions
What is the HEX code for Muted Yellow?
The HEX code for Muted Yellow is #B2B24D.
What is the RGB value of Muted Yellow?
Muted Yellow has an RGB value of 178, 178, 77 (rgb(178, 178, 77)). In HSL it is 60°, 40%, 50%.
What text color should I use on Muted Yellow?
Use black text on Muted Yellow. White text has a contrast ratio of 2.24:1 and black text has 9.37:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Yellow?
The complementary color of Muted Yellow is #4D4DB3. Analogous colors #B3804D and #80B34D also pair well.