Soft Persimmon is a medium, saturated shade in the orange color family, with a warm feel. Its HEX code is #CC7033, which equals rgb(204, 112, 51) in RGB and hsl(24, 60%, 50%) in HSL. In print terms it converts to roughly C0 M45 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CC7033 - RGB
204, 112, 51 - HSL
24°, 60%, 50% - CMYK
0, 45, 75, 20 - Family
Orange - Tone
Medium, saturated
About Soft 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. 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 5.93:1. Its complementary color is #338FCC.
Download Soft 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…
Soft Persimmon color codes
| HEX | #CC7033 |
|---|---|
| RGB | rgb(204, 112, 51) |
| HSL | hsl(24, 60%, 50%) |
| HSV | 24°, 75%, 80% |
| CMYK | 0%, 45%, 75%, 20% |
| Decimal | 13398067 |
Shades and tints of Soft Persimmon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7E7DD - 100
#EECFBB - 200
#E6B899 - 300
#DDA077 - 400
#D58855 - 500
#CC7033 - 600
#AA5D2B - 700
#884B22 - 800
#66381A - 900
#442511 - 950
#221309
Color harmonies for Soft Persimmon
- Complementary
#338FCC≈ Soft Capri - Analogous −30°
#CC3342≈ Soft Red - Analogous +30°
#CCBD33≈ Soft Yellow - Triadic +120°
#33CC70≈ Soft Jade - Triadic +240°
#7033CC≈ Soft Iris - Split 150°
#33CCBD≈ Soft Cyan - Split 210°
#3342CC≈ Soft Blue
Contrast and accessibility of Soft Persimmon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Persimmon | Aa | 3.54:1 | AA Large only |
| Black text on Soft Persimmon | Aa | 5.93:1 | AA (good) |
CSS code for Soft Persimmon
background-color: #CC7033;color: #CC7033;background-color: rgb(204, 112, 51);background-color: hsl(24, 60%, 50%);:root { --color-soft-persimmon: #CC7033; }class="bg-[#CC7033]"Colors similar to Soft Persimmon
- Soft Cinnabar
#CC6133 - Bronze
#CD7F32 - Soft Orange
#CC8033 - Copper
#B87333 - Chocolate
#D2691E - Peru
#CD853F - Medium Dark Bright Orange
#C16B15 - Medium Light Soft Vermilion
#D46D54 - Medium Light Bright Cinnabar
#EA723E - Medium Dark Bright Tangerine
#C17C15 - Medium Light Soft Cinnabar
#D47A54 - Medium Dark Soft Orange
#AB6B2B
More orange shades
- Bright Persimmon
#E66B19 - Medium Light Bright Persimmon
#EA833E - Light Bright Persimmon
#EE9A63 - Pale Bright Persimmon
#F2B288 - Very Pale Bright Persimmon
#F6CAAC - Palest Bright Persimmon
#FAE1D1 - Medium Light Soft Persimmon
#D48754 - Light Soft Persimmon
#DC9E74 - Pale Soft Persimmon
#E4B595 - Very Pale Soft Persimmon
#EDCCB6 - Palest Soft Persimmon
#F5E2D6
Frequently asked questions
What is the HEX code for Soft Persimmon?
The HEX code for Soft Persimmon is #CC7033.
What is the RGB value of Soft Persimmon?
Soft Persimmon has an RGB value of 204, 112, 51 (rgb(204, 112, 51)). In HSL it is 24°, 60%, 50%.
What text color should I use on Soft Persimmon?
Use black text on Soft Persimmon. White text has a contrast ratio of 3.54:1 and black text has 5.93:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Persimmon?
The complementary color of Soft Persimmon is #338FCC. Analogous colors #CC3342 and #CCBD33 also pair well.