Muted Tangerine is a medium, moderately saturated shade in the orange color family, with a warm feel. Its HEX code is #B28A4D, which equals rgb(178, 138, 77) in RGB and hsl(36, 40%, 50%) in HSL. In print terms it converts to roughly C0 M22 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B28A4D - RGB
178, 138, 77 - HSL
36°, 40%, 50% - CMYK
0, 22, 57, 30 - Family
Orange - Tone
Medium, moderately saturated
About Muted Tangerine
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. 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 6.64:1. Its complementary color is #4D75B3.
Download 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…
Muted Tangerine color codes
| HEX | #B28A4D |
|---|---|
| RGB | rgb(178, 138, 77) |
| HSL | hsl(36, 40%, 50%) |
| HSV | 36°, 57%, 70% |
| CMYK | 0%, 22%, 57%, 30% |
| Decimal | 11700813 |
Shades and tints of Muted Tangerine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2ECE1 - 100
#E5D8C4 - 200
#D9C5A6 - 300
#CCB188 - 400
#BF9E6B - 500
#B28A4D - 600
#947340 - 700
#775C33 - 800
#594527 - 900
#3B2E1A - 950
#1E170D
Color harmonies for Muted Tangerine
- Complementary
#4D75B3≈ Muted Cornflower - Analogous −30°
#B3574D≈ Muted Scarlet - Analogous +30°
#A8B34D≈ Muted Citron - Triadic +120°
#4DB38A≈ Muted Seafoam - Triadic +240°
#8A4DB3≈ Muted Amethyst - Split 150°
#4DA8B3≈ Muted Lagoon - Split 210°
#574DB3≈ Muted Ultramarine
Contrast and accessibility of Muted Tangerine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Tangerine | Aa | 3.16:1 | AA Large only |
| Black text on Muted Tangerine | Aa | 6.64:1 | AA (good) |
CSS code for Muted Tangerine
background-color: #B28A4D;color: #B28A4D;background-color: rgb(178, 138, 77);background-color: hsl(36, 40%, 50%);:root { --color-muted-tangerine: #B28A4D; }class="bg-[#B28A4D]"Colors similar to Muted Tangerine
- Muted Orange
#B2804D - Muted Amber
#B2944D - Muted Marigold
#B29E4D - Muted Persimmon
#B2754D - Medium Light Muted Persimmon
#BF8B69 - Medium Light Muted Cinnabar
#BF8369 - Medium Dark Muted Gold
#968D40 - Peru
#CD853F - Medium Dark Muted Marigold
#968540 - Medium Light Muted Orange
#BF9469 - Medium Dark Soft Amber
#AB852B - Medium Dark Muted Yellow
#969640
More orange shades
- Soft Tangerine
#CC8F33 - Medium Light Soft Tangerine
#D4A154 - Light Soft Tangerine
#DCB374 - Pale Soft Tangerine
#E4C595 - Very Pale Soft Tangerine
#EDD7B6 - Palest Soft Tangerine
#F5E9D6 - Medium Dark Dusty Tangerine
#816F56 - Dusty Tangerine
#998566 - Pure Amber
#FFB200 - Medium Light Amber
#FFBF29 - Light Amber
#FFCB52
Frequently asked questions
What is the HEX code for Muted Tangerine?
The HEX code for Muted Tangerine is #B28A4D.
What is the RGB value of Muted Tangerine?
Muted Tangerine has an RGB value of 178, 138, 77 (rgb(178, 138, 77)). In HSL it is 36°, 40%, 50%.
What text color should I use on Muted Tangerine?
Use black text on Muted Tangerine. White text has a contrast ratio of 3.16:1 and black text has 6.64:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Tangerine?
The complementary color of Muted Tangerine is #4D75B3. Analogous colors #B3574D and #A8B34D also pair well.