Medium Dark Orange is a medium-dark, vivid shade in the brown color family, with a warm feel. Its HEX code is #D66B00, which equals rgb(214, 107, 0) in RGB and hsl(30, 100%, 42%) in HSL. In print terms it converts to roughly C0 M50 Y100 K16, although exact CMYK results depend on the paper and color profile.
- HEX
#D66B00 - RGB
214, 107, 0 - HSL
30°, 100%, 42% - CMYK
0, 50, 100, 16 - Family
Brown - Tone
Medium-dark, vivid
About Medium Dark Orange
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 5.96:1. Its complementary color is #006BD6.
Download Medium Dark Orange 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 Orange color codes
| HEX | #D66B00 |
|---|---|
| RGB | rgb(214, 107, 0) |
| HSL | hsl(30, 100%, 42%) |
| HSV | 30°, 100%, 84% |
| CMYK | 0%, 50%, 100%, 16% |
| Decimal | 14052096 |
Shades and tints of Medium Dark Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8E6D5 - 100
#F1CEAA - 200
#EBB580 - 300
#E49C55 - 400
#DD842B - 500
#D66B00 - 600
#B25900 - 700
#8F4700 - 800
#6B3600 - 900
#472400 - 950
#241200
Color harmonies for Medium Dark Orange
- Complementary
#006BD6≈ Medium Dark Cornflower - Analogous −30°
#D60000≈ Medium Dark Cardinal - Analogous +30°
#D6D600≈ Medium Dark Citron - Triadic +120°
#00D66B≈ Medium Dark Malachite - Triadic +240°
#6B00D6≈ Medium Dark Periwinkle - Split 150°
#00D6D6≈ Dark Turquoise - Split 210°
#0000D6≈ Medium Blue
Contrast and accessibility of Medium Dark Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Dark Orange | Aa | 3.52:1 | AA Large only |
| Black text on Medium Dark Orange | Aa | 5.96:1 | AA (good) |
CSS code for Medium Dark Orange
background-color: #D66B00;color: #D66B00;background-color: rgb(214, 107, 0);background-color: hsl(30, 100%, 42%);:root { --color-medium-dark-orange: #D66B00; }class="bg-[#D66B00]"Colors similar to Medium Dark Orange
- Medium Dark Persimmon
#D65600 - Medium Dark Tangerine
#D68100 - Chocolate
#D2691E - Bright Persimmon
#E66B19 - Medium Dark Bright Orange
#C16B15 - Medium Dark Bright Persimmon
#C15A15 - Medium Dark Bright Tangerine
#C17C15 - Bright Cinnabar
#E65719 - Bright Orange
#E68019 - Caramel
#AF6F09 - Deep Tangerine
#AD6800 - Tangerine
#F28500
More brown shades
- Very Pale Dusty Persimmon
#DACFC8 - Palest Dusty Persimmon
#EBE4E0 - Darkest Orange
#331A00 - Very Dark Orange
#5C2E00 - Dark Orange Tone
#854200 - Deep Orange
#AD5700 - Darkest Bright Orange
#2E1A05 - Very Dark Bright Orange
#532E09 - Dark Bright Orange
#77420D - Deep Bright Orange
#9C5711 - Medium Dark Bright Orange
#C16B15
Frequently asked questions
What is the HEX code for Medium Dark Orange?
The HEX code for Medium Dark Orange is #D66B00.
What is the RGB value of Medium Dark Orange?
Medium Dark Orange has an RGB value of 214, 107, 0 (rgb(214, 107, 0)). In HSL it is 30°, 100%, 42%.
What text color should I use on Medium Dark Orange?
Use black text on Medium Dark Orange. White text has a contrast ratio of 3.52:1 and black text has 5.96:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Dark Orange?
The complementary color of Medium Dark Orange is #006BD6. Analogous colors #D60000 and #D6D600 also pair well.