Medium Dark Tangerine is a medium-dark, vivid shade in the brown color family, with a warm feel. Its HEX code is #D68100, which equals rgb(214, 129, 0) in RGB and hsl(36, 100%, 42%) in HSL. In print terms it converts to roughly C0 M40 Y100 K16, although exact CMYK results depend on the paper and color profile.
- HEX
#D68100 - RGB
214, 129, 0 - HSL
36°, 100%, 42% - CMYK
0, 40, 100, 16 - Family
Brown - Tone
Medium-dark, vivid
About Medium Dark 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. 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.00:1. Its complementary color is #0056D6.
Download Medium Dark 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…
Medium Dark Tangerine color codes
| HEX | #D68100 |
|---|---|
| RGB | rgb(214, 129, 0) |
| HSL | hsl(36, 100%, 42%) |
| HSV | 36°, 100%, 84% |
| CMYK | 0%, 40%, 100%, 16% |
| Decimal | 14057728 |
Shades and tints of Medium Dark Tangerine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8EAD5 - 100
#F1D5AA - 200
#EBC080 - 300
#E4AB55 - 400
#DD962B - 500
#D68100 - 600
#B26C00 - 700
#8F5600 - 800
#6B4100 - 900
#472B00 - 950
#241600
Color harmonies for Medium Dark Tangerine
- Complementary
#0056D6≈ Medium Dark Cerulean - Analogous −30°
#D61500≈ Medium Dark Red - Analogous +30°
#C1D600≈ Medium Dark Yellow - Triadic +120°
#00D681≈ Medium Dark Aquamarine - Triadic +240°
#8100D6≈ Dark Violet - Split 150°
#00C1D6≈ Dark Turquoise - Split 210°
#1500D6≈ Medium Dark Blue
Contrast and accessibility of Medium Dark Tangerine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Dark Tangerine | Aa | 3.00:1 | AA Large only |
| Black text on Medium Dark Tangerine | Aa | 7.00:1 | AA (good) |
CSS code for Medium Dark Tangerine
background-color: #D68100;color: #D68100;background-color: rgb(214, 129, 0);background-color: hsl(36, 100%, 42%);:root { --color-medium-dark-tangerine: #D68100; }class="bg-[#D68100]"Colors similar to Medium Dark Tangerine
- Medium Dark Amber
#D69600 - Medium Dark Orange
#D66B00 - Bright Orange
#E68019 - Medium Dark Bright Tangerine
#C17C15 - Tangerine
#F28500 - Medium Dark Bright Amber
#C18D15 - Dark Goldenrod
#B8860B - Bright Tangerine
#E69419 - Bright Persimmon
#E66B19 - Medium Dark Bright Orange
#C16B15 - Chocolate
#D2691E - Deep Amber
#AD7900
More brown shades
- Very Pale Dusty Orange
#DAD1C8 - Palest Dusty Orange
#EBE6E0 - Darkest Tangerine
#331F00 - Very Dark Tangerine
#5C3700 - Dark Tangerine
#855000 - Deep Tangerine
#AD6800 - Darkest Bright Tangerine
#2E1E05 - Very Dark Bright Tangerine
#533509 - Dark Bright Tangerine
#774D0D - Deep Bright Tangerine
#9C6511 - Medium Dark Bright Tangerine
#C17C15
Frequently asked questions
What is the HEX code for Medium Dark Tangerine?
The HEX code for Medium Dark Tangerine is #D68100.
What is the RGB value of Medium Dark Tangerine?
Medium Dark Tangerine has an RGB value of 214, 129, 0 (rgb(214, 129, 0)). In HSL it is 36°, 100%, 42%.
What text color should I use on Medium Dark Tangerine?
Use black text on Medium Dark Tangerine. White text has a contrast ratio of 3.00:1 and black text has 7.00:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Dark Tangerine?
The complementary color of Medium Dark Tangerine is #0056D6. Analogous colors #D61500 and #C1D600 also pair well.