Light Muted Tangerine is a medium-light, moderately saturated shade in the brown color family, with a warm feel. Its HEX code is #CBAF86, which equals rgb(203, 175, 134) in RGB and hsl(36, 40%, 66%) in HSL. In print terms it converts to roughly C0 M14 Y34 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CBAF86 - RGB
203, 175, 134 - HSL
36°, 40%, 66% - CMYK
0, 14, 34, 20 - Family
Brown - Tone
Medium-light, moderately saturated
About Light Muted Tangerine
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. 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 10.02:1. Its complementary color is #86A1CB.
Download Light Muted Tangerine 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 Tangerine color codes
| HEX | #CBAF86 |
|---|---|
| RGB | rgb(203, 175, 134) |
| HSL | hsl(36, 40%, 66%) |
| HSV | 36°, 34%, 80% |
| CMYK | 0%, 14%, 34%, 20% |
| Decimal | 13348742 |
Shades and tints of Light Muted Tangerine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F6F2EB - 100
#EEE4D7 - 200
#E5D7C3 - 300
#DCCAAE - 400
#D4BC9A - 500
#CBAF86 - 600
#A99270 - 700
#877559 - 800
#665843 - 900
#443A2D - 950
#221D16
Color harmonies for Light Muted Tangerine
- Complementary
#86A1CB≈ Light Muted Cerulean - Analogous −30°
#CB8D86≈ Light Muted Vermilion - Analogous +30°
#C4CB86≈ Light Muted Lime - Triadic +120°
#86CBAF≈ Light Muted Mint - Triadic +240°
#AF86CB≈ Light Muted Violet - Split 150°
#86C4CB≈ Light Muted Cyan - Split 210°
#8D86CB≈ Light Muted Indigo
Contrast and accessibility of Light Muted Tangerine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Muted Tangerine | Aa | 2.10:1 | Fails |
| Black text on Light Muted Tangerine | Aa | 10.02:1 | AAA (excellent) |
CSS code for Light Muted Tangerine
background-color: #CBAF86;color: #CBAF86;background-color: rgb(203, 175, 134);background-color: hsl(36, 40%, 66%);:root { --color-light-muted-tangerine: #CBAF86; }class="bg-[#CBAF86]"Colors similar to Light Muted Tangerine
- Light Muted Orange
#CBA886 - Light Muted Amber
#CBB686 - Tan
#D2B48C - Ecru
#C2B280 - Light Muted Persimmon
#CBA186 - Light Muted Marigold
#CBBD86 - Burly Wood
#DEB887 - Light Dusty Amber
#BAAF97 - Light Dusty Tangerine
#BAAC97 - Light Dusty Marigold
#BAB397 - Light Soft Tangerine
#DCB374 - Light Dusty Orange
#BAA897
More brown shades
- Darkest Muted Tangerine
#241C0F - Very Dark Muted Tangerine
#40321C - Dark Muted Tangerine
#5D4828 - Deep Muted Tangerine
#795E34 - Medium Dark Muted Tangerine
#967440 - Medium Light Muted Tangerine
#BF9C69 - Pale Muted Tangerine
#D7C2A2 - Very Pale Muted Tangerine
#E3D5BF - Palest Muted Tangerine
#F0E8DB - Very Dark Dusty Tangerine
#373025 - Dark Dusty Tangerine
#504535
Frequently asked questions
What is the HEX code for Light Muted Tangerine?
The HEX code for Light Muted Tangerine is #CBAF86.
What is the RGB value of Light Muted Tangerine?
Light Muted Tangerine has an RGB value of 203, 175, 134 (rgb(203, 175, 134)). In HSL it is 36°, 40%, 66%.
What text color should I use on Light Muted Tangerine?
Use black text on Light Muted Tangerine. White text has a contrast ratio of 2.10:1 and black text has 10.02:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Muted Tangerine?
The complementary color of Light Muted Tangerine is #86A1CB. Analogous colors #CB8D86 and #C4CB86 also pair well.