Muted Orange is a medium, moderately saturated shade in the orange color family, with a warm feel. Its HEX code is #B2804D, which equals rgb(178, 128, 77) in RGB and hsl(30, 40%, 50%) in HSL. In print terms it converts to roughly C0 M28 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B2804D - RGB
178, 128, 77 - HSL
30°, 40%, 50% - CMYK
0, 28, 57, 30 - Family
Orange - Tone
Medium, moderately saturated
About Muted Orange
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. 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 6.09:1. Its complementary color is #4D80B3.
Download Muted Orange 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 Orange color codes
| HEX | #B2804D |
|---|---|
| RGB | rgb(178, 128, 77) |
| HSL | hsl(30, 40%, 50%) |
| HSV | 30°, 57%, 70% |
| CMYK | 0%, 28%, 57%, 30% |
| Decimal | 11698253 |
Shades and tints of Muted Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2EAE1 - 100
#E5D5C4 - 200
#D9C0A6 - 300
#CCAA88 - 400
#BF956B - 500
#B2804D - 600
#946B40 - 700
#775533 - 800
#594027 - 900
#3B2B1A - 950
#1E150D
Color harmonies for Muted Orange
- Complementary
#4D80B3≈ Muted Cerulean - Analogous −30°
#B34D4D≈ Muted Red - Analogous +30°
#B3B34D≈ Muted Yellow - Triadic +120°
#4DB380≈ Muted Mint - Triadic +240°
#804DB3≈ Muted Violet - Split 150°
#4DB3B3≈ Muted Cyan - Split 210°
#4D4DB3≈ Muted Blue
Contrast and accessibility of Muted Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Orange | Aa | 3.45:1 | AA Large only |
| Black text on Muted Orange | Aa | 6.09:1 | AA (good) |
CSS code for Muted Orange
background-color: #B2804D;color: #B2804D;background-color: rgb(178, 128, 77);background-color: hsl(30, 40%, 50%);:root { --color-muted-orange: #B2804D; }class="bg-[#B2804D]"Colors similar to Muted Orange
- Muted Tangerine
#B28A4D - Muted Persimmon
#B2754D - Muted Amber
#B2944D - Muted Cinnabar
#B26B4D - Medium Light Muted Cinnabar
#BF8369 - Copper
#B87333 - Medium Light Muted Vermilion
#BF7A69 - Medium Dark Muted Amber
#967C40 - Peru
#CD853F - Medium Dark Muted Marigold
#968540 - Medium Light Muted Persimmon
#BF8B69 - Medium Dark Soft Amber
#AB852B
More orange shades
- Soft Orange
#CC8033 - Medium Light Soft Orange
#D49454 - Light Soft Orange
#DCA874 - Pale Soft Orange
#E4BD95 - Very Pale Soft Orange
#EDD1B6 - Palest Soft Orange
#F5E6D6 - Medium Dark Dusty Orange
#816B56 - Dusty Orange
#998066 - Pure Tangerine
#FF9900 - Medium Light Tangerine
#FFA929 - Light Tangerine
#FFBA52
Frequently asked questions
What is the HEX code for Muted Orange?
The HEX code for Muted Orange is #B2804D.
What is the RGB value of Muted Orange?
Muted Orange has an RGB value of 178, 128, 77 (rgb(178, 128, 77)). In HSL it is 30°, 40%, 50%.
What text color should I use on Muted Orange?
Use black text on Muted Orange. White text has a contrast ratio of 3.45:1 and black text has 6.09:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Orange?
The complementary color of Muted Orange is #4D80B3. Analogous colors #B34D4D and #B3B34D also pair well.