Muted Amber is a medium, moderately saturated shade in the orange color family, with a warm feel. Its HEX code is #B2944D, which equals rgb(178, 148, 77) in RGB and hsl(42, 40%, 50%) in HSL. In print terms it converts to roughly C0 M17 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B2944D - RGB
178, 148, 77 - HSL
42°, 40%, 50% - CMYK
0, 17, 57, 30 - Family
Orange - Tone
Medium, moderately saturated
About Muted Amber
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 7.24:1. Its complementary color is #4D6BB3.
Download Muted Amber 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 Amber color codes
| HEX | #B2944D |
|---|---|
| RGB | rgb(178, 148, 77) |
| HSL | hsl(42, 40%, 50%) |
| HSV | 42°, 57%, 70% |
| CMYK | 0%, 17%, 57%, 30% |
| Decimal | 11703373 |
Shades and tints of Muted Amber
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2EDE1 - 100
#E5DBC4 - 200
#D9CAA6 - 300
#CCB888 - 400
#BFA66B - 500
#B2944D - 600
#947B40 - 700
#776333 - 800
#594A27 - 900
#3B311A - 950
#1E190D
Color harmonies for Muted Amber
- Complementary
#4D6BB3≈ Muted Sapphire - Analogous −30°
#B3614D≈ Muted Vermilion - Analogous +30°
#9EB34D≈ Muted Lime - Triadic +120°
#4DB394≈ Muted Aquamarine - Triadic +240°
#944DB3≈ Muted Grape - Split 150°
#4D9EB3≈ Muted Peacock - Split 210°
#614DB3≈ Muted Indigo
Contrast and accessibility of Muted Amber
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Amber | Aa | 2.90:1 | Fails |
| Black text on Muted Amber | Aa | 7.24:1 | AAA (excellent) |
CSS code for Muted Amber
background-color: #B2944D;color: #B2944D;background-color: rgb(178, 148, 77);background-color: hsl(42, 40%, 50%);:root { --color-muted-amber: #B2944D; }class="bg-[#B2944D]"Colors similar to Muted Amber
- Muted Tangerine
#B28A4D - Muted Marigold
#B29E4D - Brass
#B5A642 - Muted Orange
#B2804D - Muted Gold
#B2A84D - Medium Light Muted Orange
#BF9469 - Medium Dark Muted Yellow
#969640 - Medium Light Muted Tangerine
#BF9C69 - Medium Light Muted Persimmon
#BF8B69 - Medium Dark Muted Gold
#968D40 - Camel
#C19A6B - Medium Dark Soft Marigold
#AB922B
More orange shades
- Pale Bright Amber
#F2D288 - Very Pale Bright Amber
#F6E0AC - Palest Bright Amber
#FAEED1 - Soft Amber
#CC9E33 - Medium Light Soft Amber
#D4AE54 - Light Soft Amber
#DCBD74 - Pale Soft Amber
#E4CD95 - Very Pale Soft Amber
#EDDCB6 - Palest Soft Amber
#F5ECD6 - Medium Dark Dusty Amber
#817456 - Dusty Amber
#998A66
Frequently asked questions
What is the HEX code for Muted Amber?
The HEX code for Muted Amber is #B2944D.
What is the RGB value of Muted Amber?
Muted Amber has an RGB value of 178, 148, 77 (rgb(178, 148, 77)). In HSL it is 42°, 40%, 50%.
What text color should I use on Muted Amber?
Use black text on Muted Amber. White text has a contrast ratio of 2.90:1 and black text has 7.24:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Amber?
The complementary color of Muted Amber is #4D6BB3. Analogous colors #B3614D and #9EB34D also pair well.