Deep Tangerine is a medium-dark, vivid shade in the brown color family, with a warm feel. Its HEX code is #AD6800, which equals rgb(173, 104, 0) in RGB and hsl(36, 100%, 34%) in HSL. In print terms it converts to roughly C0 M40 Y100 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#AD6800 - RGB
173, 104, 0 - HSL
36°, 100%, 34% - CMYK
0, 40, 100, 32 - Family
Brown - Tone
Medium-dark, vivid
About Deep Tangerine
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. 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 4.76:1. Its complementary color is #0045AD.
Download Deep 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…
Deep Tangerine color codes
| HEX | #AD6800 |
|---|---|
| RGB | rgb(173, 104, 0) |
| HSL | hsl(36, 100%, 34%) |
| HSV | 36°, 100%, 68% |
| CMYK | 0%, 40%, 100%, 32% |
| Decimal | 11364352 |
Shades and tints of Deep Tangerine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F1E6D5 - 100
#E4CDAA - 200
#D6B480 - 300
#C89A55 - 400
#BB812B - 500
#AD6800 - 600
#905700 - 700
#734500 - 800
#573400 - 900
#3A2300 - 950
#1D1100
Color harmonies for Deep Tangerine
- Complementary
#0045AD≈ Cobalt Blue - Analogous −30°
#AD1100≈ Deep Red - Analogous +30°
#9CAD00≈ Deep Lime - Triadic +120°
#00AD68≈ Jade - Triadic +240°
#6800AD≈ Deep Violet - Split 150°
#009CAD≈ Deep Cyan - Split 210°
#1100AD≈ Deep Blue
Contrast and accessibility of Deep Tangerine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Tangerine | Aa | 4.41:1 | AA Large only |
| Black text on Deep Tangerine | Aa | 4.76:1 | AA (good) |
CSS code for Deep Tangerine
background-color: #AD6800;color: #AD6800;background-color: rgb(173, 104, 0);background-color: hsl(36, 100%, 34%);:root { --color-deep-tangerine: #AD6800; }class="bg-[#AD6800]"Colors similar to Deep Tangerine
- Caramel
#AF6F09 - Deep Orange
#AD5700 - Deep Amber
#AD7900 - Deep Bright Tangerine
#9C6511 - Deep Bright Amber
#9C7211 - Medium Dark Bright Orange
#C16B15 - Deep Bright Orange
#9C5711 - Medium Dark Bright Persimmon
#C15A15 - Medium Dark Bright Tangerine
#C17C15 - Deep Bright Marigold
#9C8011 - Dark Marigold
#856A00 - Dark Goldenrod
#B8860B
More brown shades
- Pale Dusty Orange
#CABDAF - Very Pale Dusty Orange
#DAD1C8 - Palest Dusty Orange
#EBE6E0 - Darkest Tangerine
#331F00 - Very Dark Tangerine
#5C3700 - Dark Tangerine
#855000 - Medium Dark Tangerine
#D68100 - Darkest Bright Tangerine
#2E1E05 - Very Dark Bright Tangerine
#533509 - Dark Bright Tangerine
#774D0D - Deep Bright Tangerine
#9C6511
Frequently asked questions
What is the HEX code for Deep Tangerine?
The HEX code for Deep Tangerine is #AD6800.
What is the RGB value of Deep Tangerine?
Deep Tangerine has an RGB value of 173, 104, 0 (rgb(173, 104, 0)). In HSL it is 36°, 100%, 34%.
What text color should I use on Deep Tangerine?
Use black text on Deep Tangerine. White text has a contrast ratio of 4.41:1 and black text has 4.76:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Tangerine?
The complementary color of Deep Tangerine is #0045AD. Analogous colors #AD1100 and #9CAD00 also pair well.