Light Muted Orange is a medium-light, moderately saturated shade in the brown color family, with a warm feel. Its HEX code is #CBA886, which equals rgb(203, 168, 134) in RGB and hsl(30, 40%, 66%) in HSL. In print terms it converts to roughly C0 M17 Y34 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CBA886 - RGB
203, 168, 134 - HSL
30°, 40%, 66% - CMYK
0, 17, 34, 20 - Family
Brown - Tone
Medium-light, moderately saturated
About Light 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. 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 9.48:1. Its complementary color is #86A8CB.
Download Light 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…
Light Muted Orange color codes
| HEX | #CBA886 |
|---|---|
| RGB | rgb(203, 168, 134) |
| HSL | hsl(30, 40%, 66%) |
| HSV | 30°, 34%, 80% |
| CMYK | 0%, 17%, 34%, 20% |
| Decimal | 13346950 |
Shades and tints of Light Muted Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F6F1EB - 100
#EEE2D7 - 200
#E5D4C3 - 300
#DCC5AE - 400
#D4B79A - 500
#CBA886 - 600
#A98C70 - 700
#877059 - 800
#665443 - 900
#44382D - 950
#221C16
Color harmonies for Light Muted Orange
- Complementary
#86A8CB≈ Light Muted Azure - Analogous −30°
#CB8686≈ Light Muted Cardinal - Analogous +30°
#CBCB86≈ Light Muted Citron - Triadic +120°
#86CBA8≈ Light Muted Malachite - Triadic +240°
#A886CB≈ Light Muted Periwinkle - Split 150°
#86CBCB≈ Light Muted Teal - Split 210°
#8686CB≈ Light Muted Ultramarine
Contrast and accessibility of Light Muted Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Muted Orange | Aa | 2.21:1 | Fails |
| Black text on Light Muted Orange | Aa | 9.48:1 | AAA (excellent) |
CSS code for Light Muted Orange
background-color: #CBA886;color: #CBA886;background-color: rgb(203, 168, 134);background-color: hsl(30, 40%, 66%);:root { --color-light-muted-orange: #CBA886; }class="bg-[#CBA886]"Colors similar to Light Muted Orange
- Light Muted Persimmon
#CBA186 - Light Muted Tangerine
#CBAF86 - Ecru
#C2B280 - Light Muted Cinnabar
#CB9A86 - Light Muted Amber
#CBB686 - Tan
#D2B48C - Light Dusty Orange
#BAA897 - Light Dusty Persimmon
#BAA597 - Light Dusty Tangerine
#BAAC97 - Light Soft Orange
#DCA874 - Light Dusty Cinnabar
#BAA197 - Light Dusty Amber
#BAAF97
More brown shades
- Darkest Muted Orange
#241A0F - Very Dark Muted Orange
#402E1C - Dark Muted Orange
#5D4228 - Deep Muted Orange
#795734 - Medium Dark Muted Orange
#966B40 - Medium Light Muted Orange
#BF9469 - Pale Muted Orange
#D7BDA2 - Very Pale Muted Orange
#E3D1BF - Palest Muted Orange
#F0E6DB - Very Dark Dusty Orange
#372E25 - Dark Dusty Orange
#504235
Frequently asked questions
What is the HEX code for Light Muted Orange?
The HEX code for Light Muted Orange is #CBA886.
What is the RGB value of Light Muted Orange?
Light Muted Orange has an RGB value of 203, 168, 134 (rgb(203, 168, 134)). In HSL it is 30°, 40%, 66%.
What text color should I use on Light Muted Orange?
Use black text on Light Muted Orange. White text has a contrast ratio of 2.21:1 and black text has 9.48:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Muted Orange?
The complementary color of Light Muted Orange is #86A8CB. Analogous colors #CB8686 and #CBCB86 also pair well.