Pale Muted Orange is a medium-light, moderately saturated shade in the brown color family, with a warm feel. Its HEX code is #D7BDA2, which equals rgb(215, 189, 162) in RGB and hsl(31, 40%, 74%) in HSL. In print terms it converts to roughly C0 M12 Y25 K16, although exact CMYK results depend on the paper and color profile.
- HEX
#D7BDA2 - RGB
215, 189, 162 - HSL
31°, 40%, 74% - CMYK
0, 12, 25, 16 - Family
Brown - Tone
Medium-light, moderately saturated
About Pale Muted Orange
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style 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 11.69:1. Its complementary color is #A2BCD7.
Download Pale 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…
Pale Muted Orange color codes
| HEX | #D7BDA2 |
|---|---|
| RGB | rgb(215, 189, 162) |
| HSL | hsl(31, 40%, 74%) |
| HSV | 31°, 25%, 84% |
| CMYK | 0%, 12%, 25%, 16% |
| Decimal | 14138786 |
Shades and tints of Pale Muted Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8F4F0 - 100
#F2E9E0 - 200
#EBDED1 - 300
#E4D3C1 - 400
#DEC8B2 - 500
#D7BDA2 - 600
#B39E87 - 700
#8F7E6C - 800
#6C5F51 - 900
#483F36 - 950
#24201B
Color harmonies for Pale Muted Orange
- Complementary
#A2BCD7≈ Pale Muted Cerulean - Analogous −30°
#D7A3A2≈ Pale Muted Red - Analogous +30°
#D6D7A2≈ Pale Muted Yellow - Triadic +120°
#A2D7BE≈ Pale Muted Mint - Triadic +240°
#BEA2D7≈ Pale Muted Violet - Split 150°
#A2D6D7≈ Pale Muted Cyan - Split 210°
#A3A2D7≈ Pale Muted Blue
Contrast and accessibility of Pale Muted Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Muted Orange | Aa | 1.80:1 | Fails |
| Black text on Pale Muted Orange | Aa | 11.69:1 | AAA (excellent) |
CSS code for Pale Muted Orange
background-color: #D7BDA2;color: #D7BDA2;background-color: rgb(215, 189, 162);background-color: hsl(31, 40%, 74%);:root { --color-pale-muted-orange: #D7BDA2; }class="bg-[#D7BDA2]"Colors similar to Pale Muted Orange
- Pale Muted Tangerine
#D7C2A2 - Pale Muted Persimmon
#D7B7A2 - Pale Muted Amber
#D7C7A2 - Pale Muted Cinnabar
#D7B2A2 - Pale Soft Orange
#E4BD95 - Pale Dusty Orange
#CABDAF - Pale Dusty Tangerine
#CABFAF - Pale Dusty Persimmon
#CABAAF - Pale Dusty Amber
#CAC2AF - Pale Dusty Cinnabar
#CAB7AF - Pale Muted Vermilion
#D7ADA2 - Pale Muted Marigold
#D7CDA2
More brown shades
- Very Dark Muted Orange
#402E1C - Dark Muted Orange
#5D4228 - Deep Muted Orange
#795734 - Medium Dark Muted Orange
#966B40 - Medium Light Muted Orange
#BF9469 - Light Muted Orange
#CBA886 - Very Pale Muted Orange
#E3D1BF - Palest Muted Orange
#F0E6DB - Very Dark Dusty Orange
#372E25 - Dark Dusty Orange
#504235 - Deep Dusty Orange
#685745
Frequently asked questions
What is the HEX code for Pale Muted Orange?
The HEX code for Pale Muted Orange is #D7BDA2.
What is the RGB value of Pale Muted Orange?
Pale Muted Orange has an RGB value of 215, 189, 162 (rgb(215, 189, 162)). In HSL it is 31°, 40%, 74%.
What text color should I use on Pale Muted Orange?
Use black text on Pale Muted Orange. White text has a contrast ratio of 1.80:1 and black text has 11.69:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Muted Orange?
The complementary color of Pale Muted Orange is #A2BCD7. Analogous colors #D7A3A2 and #D6D7A2 also pair well.