Muted Gold is a medium, moderately saturated shade in the yellow color family, with a warm feel. Its HEX code is #B2A84D, which equals rgb(178, 168, 77) in RGB and hsl(54, 40%, 50%) in HSL. In print terms it converts to roughly C0 M6 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B2A84D - RGB
178, 168, 77 - HSL
54°, 40%, 50% - CMYK
0, 6, 57, 30 - Family
Yellow - Tone
Medium, moderately saturated
About Muted Gold
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 8.60:1. Its complementary color is #4D57B3.
Download Muted Gold 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 Gold color codes
| HEX | #B2A84D |
|---|---|
| RGB | rgb(178, 168, 77) |
| HSL | hsl(54, 40%, 50%) |
| HSV | 54°, 57%, 70% |
| CMYK | 0%, 6%, 57%, 30% |
| Decimal | 11708493 |
Shades and tints of Muted Gold
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2F1E1 - 100
#E5E2C4 - 200
#D9D4A6 - 300
#CCC588 - 400
#BFB76B - 500
#B2A84D - 600
#948C40 - 700
#777033 - 800
#595427 - 900
#3B381A - 950
#1E1C0D
Color harmonies for Muted Gold
- Complementary
#4D57B3≈ Muted Royal - Analogous −30°
#B3754D≈ Muted Persimmon - Analogous +30°
#8AB34D≈ Muted Spring Bud - Triadic +120°
#4DB3A8≈ Muted Teal - Triadic +240°
#A84DB3≈ Muted Orchid - Split 150°
#4D8AB3≈ Muted Azure - Split 210°
#754DB3≈ Muted Periwinkle
Contrast and accessibility of Muted Gold
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Gold | Aa | 2.44:1 | Fails |
| Black text on Muted Gold | Aa | 8.60:1 | AAA (excellent) |
CSS code for Muted Gold
background-color: #B2A84D;color: #B2A84D;background-color: rgb(178, 168, 77);background-color: hsl(54, 40%, 50%);:root { --color-muted-gold: #B2A84D; }class="bg-[#B2A84D]"Colors similar to Muted Gold
- Brass
#B5A642 - Muted Marigold
#B29E4D - Muted Yellow
#B2B24D - Muted Citron
#A8B24D - Muted Lime
#9EB24D - Muted Amber
#B2944D - Medium Light Muted Amber
#BFA569 - Medium Light Muted Marigold
#BFAE69 - Muted Chartreuse
#94B24D - Medium Light Muted Tangerine
#BF9C69 - Medium Dark Soft Yellow
#ABAB2B - Medium Light Muted Gold
#BFB669
More yellow shades
- Palest Soft Gold
#F5F2D6 - Darkest Muted Gold
#24220F - Very Dark Muted Gold
#403D1C - Dark Muted Gold
#5D5828 - Deep Muted Gold
#797234 - Medium Dark Muted Gold
#968D40 - Medium Light Muted Gold
#BFB669 - Light Muted Gold
#CBC486 - Pale Muted Gold
#D7D2A2 - Very Pale Muted Gold
#E3E0BF - Palest Muted Gold
#F0EEDB
Frequently asked questions
What is the HEX code for Muted Gold?
The HEX code for Muted Gold is #B2A84D.
What is the RGB value of Muted Gold?
Muted Gold has an RGB value of 178, 168, 77 (rgb(178, 168, 77)). In HSL it is 54°, 40%, 50%.
What text color should I use on Muted Gold?
Use black text on Muted Gold. White text has a contrast ratio of 2.44:1 and black text has 8.60:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Gold?
The complementary color of Muted Gold is #4D57B3. Analogous colors #B3754D and #8AB34D also pair well.