Soft Tangerine is a medium, saturated shade in the orange color family, with a warm feel. Its HEX code is #CC8F33, which equals rgb(204, 143, 51) in RGB and hsl(36, 60%, 50%) in HSL. In print terms it converts to roughly C0 M30 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CC8F33 - RGB
204, 143, 51 - HSL
36°, 60%, 50% - CMYK
0, 30, 75, 20 - Family
Orange - Tone
Medium, saturated
About Soft 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. 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 7.54:1. Its complementary color is #3370CC.
Download Soft 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…
Soft Tangerine color codes
| HEX | #CC8F33 |
|---|---|
| RGB | rgb(204, 143, 51) |
| HSL | hsl(36, 60%, 50%) |
| HSV | 36°, 75%, 80% |
| CMYK | 0%, 30%, 75%, 20% |
| Decimal | 13406003 |
Shades and tints of Soft Tangerine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7ECDD - 100
#EEDABB - 200
#E6C799 - 300
#DDB477 - 400
#D5A255 - 500
#CC8F33 - 600
#AA772B - 700
#885F22 - 800
#66481A - 900
#443011 - 950
#221809
Color harmonies for Soft Tangerine
- Complementary
#3370CC≈ Soft Cerulean - Analogous −30°
#CC4233≈ Soft Red - Analogous +30°
#BDCC33≈ Soft Yellow - Triadic +120°
#33CC8F≈ Soft Mint - Triadic +240°
#8F33CC≈ Dark Orchid - Split 150°
#33BDCC≈ Soft Cyan - Split 210°
#4233CC≈ Soft Blue
Contrast and accessibility of Soft Tangerine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Tangerine | Aa | 2.78:1 | Fails |
| Black text on Soft Tangerine | Aa | 7.54:1 | AAA (excellent) |
CSS code for Soft Tangerine
background-color: #CC8F33;color: #CC8F33;background-color: rgb(204, 143, 51);background-color: hsl(36, 60%, 50%);:root { --color-soft-tangerine: #CC8F33; }class="bg-[#CC8F33]"Colors similar to Soft Tangerine
- Peru
#CD853F - Soft Orange
#CC8033 - Soft Amber
#CC9E33 - Bronze
#CD7F32 - Medium Dark Bright Amber
#C18D15 - Medium Light Soft Orange
#D49454 - Medium Light Soft Persimmon
#D48754 - Medium Light Bright Orange
#EA943E - Medium Dark Soft Marigold
#AB922B - Goldenrod
#DAA520 - Medium Dark Bright Marigold
#C19F15 - Medium Light Bright Persimmon
#EA833E
More orange shades
- Bright Tangerine
#E69419 - Medium Light Bright Tangerine
#EAA53E - Light Bright Tangerine
#EEB663 - Pale Bright Tangerine
#F2C788 - Very Pale Bright Tangerine
#F6D8AC - Palest Bright Tangerine
#FAEAD1 - Medium Light Soft Tangerine
#D4A154 - Light Soft Tangerine
#DCB374 - Pale Soft Tangerine
#E4C595 - Very Pale Soft Tangerine
#EDD7B6 - Palest Soft Tangerine
#F5E9D6
Frequently asked questions
What is the HEX code for Soft Tangerine?
The HEX code for Soft Tangerine is #CC8F33.
What is the RGB value of Soft Tangerine?
Soft Tangerine has an RGB value of 204, 143, 51 (rgb(204, 143, 51)). In HSL it is 36°, 60%, 50%.
What text color should I use on Soft Tangerine?
Use black text on Soft Tangerine. White text has a contrast ratio of 2.78:1 and black text has 7.54:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Tangerine?
The complementary color of Soft Tangerine is #3370CC. Analogous colors #CC4233 and #BDCC33 also pair well.