Light Soft Tangerine is a medium-light, saturated shade in the orange color family, with a warm feel. Its HEX code is #DCB374, which equals rgb(220, 179, 116) in RGB and hsl(36, 60%, 66%) in HSL. In print terms it converts to roughly C0 M19 Y47 K14, although exact CMYK results depend on the paper and color profile.
- HEX
#DCB374 - RGB
220, 179, 116 - HSL
36°, 60%, 66% - CMYK
0, 19, 47, 14 - Family
Orange - Tone
Medium-light, saturated
About Light 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 10.74:1. Its complementary color is #749EDC.
Download Light 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…
Light Soft Tangerine color codes
| HEX | #DCB374 |
|---|---|
| RGB | rgb(220, 179, 116) |
| HSL | hsl(36, 60%, 66%) |
| HSV | 36°, 47%, 86% |
| CMYK | 0%, 19%, 47%, 14% |
| Decimal | 14463860 |
Shades and tints of Light Soft Tangerine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F9F2E8 - 100
#F3E6D1 - 200
#EED9BA - 300
#E8CCA2 - 400
#E2C08B - 500
#DCB374 - 600
#B79561 - 700
#93774D - 800
#6E5A3A - 900
#493C27 - 950
#251E13
Color harmonies for Light Soft Tangerine
- Complementary
#749EDC≈ Light Soft Cerulean - Analogous −30°
#DC7F74≈ Light Soft Vermilion - Analogous +30°
#D2DC74≈ Light Soft Lime - Triadic +120°
#74DCB3≈ Light Soft Aquamarine - Triadic +240°
#B374DC≈ Light Soft Grape - Split 150°
#74D2DC≈ Light Soft Cyan - Split 210°
#7F74DC≈ Light Soft Indigo
Contrast and accessibility of Light Soft Tangerine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Soft Tangerine | Aa | 1.95:1 | Fails |
| Black text on Light Soft Tangerine | Aa | 10.74:1 | AAA (excellent) |
CSS code for Light Soft Tangerine
background-color: #DCB374;color: #DCB374;background-color: rgb(220, 179, 116);background-color: hsl(36, 60%, 66%);:root { --color-light-soft-tangerine: #DCB374; }class="bg-[#DCB374]"Colors similar to Light Soft Tangerine
- Light Soft Amber
#DCBD74 - Light Soft Orange
#DCA874 - Burly Wood
#DEB887 - Tan
#D2B48C - Light Muted Amber
#CBB686 - Light Bright Tangerine
#EEB663 - Light Muted Tangerine
#CBAF86 - Light Soft Persimmon
#DC9E74 - Light Soft Marigold
#DCC874 - Light Muted Marigold
#CBBD86 - Light Muted Orange
#CBA886 - Light Bright Orange
#EEA863
More orange shades
- Light Bright Tangerine
#EEB663 - Pale Bright Tangerine
#F2C788 - Very Pale Bright Tangerine
#F6D8AC - Palest Bright Tangerine
#FAEAD1 - Soft Tangerine
#CC8F33 - Medium Light Soft Tangerine
#D4A154 - Pale Soft Tangerine
#E4C595 - Very Pale Soft Tangerine
#EDD7B6 - Palest Soft Tangerine
#F5E9D6 - Muted Tangerine
#B28A4D - Medium Dark Dusty Tangerine
#816F56
Frequently asked questions
What is the HEX code for Light Soft Tangerine?
The HEX code for Light Soft Tangerine is #DCB374.
What is the RGB value of Light Soft Tangerine?
Light Soft Tangerine has an RGB value of 220, 179, 116 (rgb(220, 179, 116)). In HSL it is 36°, 60%, 66%.
What text color should I use on Light Soft Tangerine?
Use black text on Light Soft Tangerine. White text has a contrast ratio of 1.95:1 and black text has 10.74:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Soft Tangerine?
The complementary color of Light Soft Tangerine is #749EDC. Analogous colors #DC7F74 and #D2DC74 also pair well.