Muted Persimmon is a medium, moderately saturated shade in the orange color family, with a warm feel. Its HEX code is #B2754D, which equals rgb(178, 117, 77) in RGB and hsl(24, 40%, 50%) in HSL. In print terms it converts to roughly C0 M34 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B2754D - RGB
178, 117, 77 - HSL
24°, 40%, 50% - CMYK
0, 34, 57, 30 - Family
Orange - Tone
Medium, moderately saturated
About Muted Persimmon
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. 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 5.54:1. Its complementary color is #4D8AB3.
Download Muted Persimmon 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 Persimmon color codes
| HEX | #B2754D |
|---|---|
| RGB | rgb(178, 117, 77) |
| HSL | hsl(24, 40%, 50%) |
| HSV | 24°, 57%, 70% |
| CMYK | 0%, 34%, 57%, 30% |
| Decimal | 11695437 |
Shades and tints of Muted Persimmon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2E8E1 - 100
#E5D1C4 - 200
#D9BAA6 - 300
#CCA388 - 400
#BF8C6B - 500
#B2754D - 600
#946240 - 700
#774E33 - 800
#593B27 - 900
#3B271A - 950
#1E140D
Color harmonies for Muted Persimmon
- Complementary
#4D8AB3≈ Muted Azure - Analogous −30°
#B34D57≈ Muted Cardinal - Analogous +30°
#B3A84D≈ Muted Gold - Triadic +120°
#4DB375≈ Muted Malachite - Triadic +240°
#754DB3≈ Muted Periwinkle - Split 150°
#4DB3A8≈ Muted Teal - Split 210°
#4D57B3≈ Muted Royal
Contrast and accessibility of Muted Persimmon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Persimmon | Aa | 3.79:1 | AA Large only |
| Black text on Muted Persimmon | Aa | 5.54:1 | AA (good) |
CSS code for Muted Persimmon
background-color: #B2754D;color: #B2754D;background-color: rgb(178, 117, 77);background-color: hsl(24, 40%, 50%);:root { --color-muted-persimmon: #B2754D; }class="bg-[#B2754D]"Colors similar to Muted Persimmon
- Muted Cinnabar
#B26B4D - Muted Orange
#B2804D - Muted Vermilion
#B2614D - Copper
#B87333 - Muted Tangerine
#B28A4D - Medium Light Muted Scarlet
#BF7269 - Medium Light Muted Vermilion
#BF7A69 - Medium Dark Muted Tangerine
#967440 - Medium Dark Muted Amber
#967C40 - Medium Light Muted Red
#BF6969 - Medium Dark Soft Tangerine
#AB782B - Medium Dark Muted Orange
#966B40
More orange shades
- Soft Persimmon
#CC7033 - Medium Light Soft Persimmon
#D48754 - Light Soft Persimmon
#DC9E74 - Pale Soft Persimmon
#E4B595 - Very Pale Soft Persimmon
#EDCCB6 - Palest Soft Persimmon
#F5E2D6 - Medium Dark Dusty Persimmon
#816756 - Dusty Persimmon
#997A66 - Pure Orange
#FF8000 - Medium Light Orange
#FF9429 - Light Orange
#FFA852
Frequently asked questions
What is the HEX code for Muted Persimmon?
The HEX code for Muted Persimmon is #B2754D.
What is the RGB value of Muted Persimmon?
Muted Persimmon has an RGB value of 178, 117, 77 (rgb(178, 117, 77)). In HSL it is 24°, 40%, 50%.
What text color should I use on Muted Persimmon?
Use black text on Muted Persimmon. White text has a contrast ratio of 3.79:1 and black text has 5.54:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Persimmon?
The complementary color of Muted Persimmon is #4D8AB3. Analogous colors #B34D57 and #B3A84D also pair well.