Deep Orange is a medium-dark, vivid shade in the brown color family, with a warm feel. Its HEX code is #AD5700, which equals rgb(173, 87, 0) in RGB and hsl(30, 100%, 34%) in HSL. In print terms it converts to roughly C0 M50 Y100 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#AD5700 - RGB
173, 87, 0 - HSL
30°, 100%, 34% - CMYK
0, 50, 100, 32 - Family
Brown - Tone
Medium-dark, vivid
About Deep 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 5.07:1. Its complementary color is #0057AD.
Download Deep 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…
Deep Orange color codes
| HEX | #AD5700 |
|---|---|
| RGB | rgb(173, 87, 0) |
| HSL | hsl(30, 100%, 34%) |
| HSV | 30°, 100%, 68% |
| CMYK | 0%, 50%, 100%, 32% |
| Decimal | 11360000 |
Shades and tints of Deep Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F1E3D5 - 100
#E4C7AA - 200
#D6AB80 - 300
#C88F55 - 400
#BB732B - 500
#AD5700 - 600
#904900 - 700
#733A00 - 800
#572C00 - 900
#3A1D00 - 950
#1D0F00
Color harmonies for Deep Orange
- Complementary
#0057AD≈ Cobalt Blue - Analogous −30°
#AD0000≈ Deep Cardinal - Analogous +30°
#ADAD00≈ Deep Citron - Triadic +120°
#00AD57≈ Deep Seafoam - Triadic +240°
#5700AD≈ Deep Amethyst - Split 150°
#00ADAD≈ Deep Teal - Split 210°
#0000AD≈ Deep Ultramarine
Contrast and accessibility of Deep Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Orange | Aa | 5.07:1 | AA (good) |
| Black text on Deep Orange | Aa | 4.14:1 | AA Large only |
CSS code for Deep Orange
background-color: #AD5700;color: #AD5700;background-color: rgb(173, 87, 0);background-color: hsl(30, 100%, 34%);:root { --color-deep-orange: #AD5700; }class="bg-[#AD5700]"Colors similar to Deep Orange
- Deep Tangerine
#AD6800 - Deep Persimmon
#AD4500 - Deep Bright Orange
#9C5711 - Medium Dark Bright Persimmon
#C15A15 - Deep Bright Persimmon
#9C4911 - Deep Bright Tangerine
#9C6511 - Caramel
#AF6F09 - Rust
#B7410E - Medium Dark Bright Cinnabar
#C14915 - Mahogany
#C04000 - Medium Dark Bright Orange
#C16B15 - Dark Amber
#855D00
More brown shades
- Pale Dusty Persimmon
#CABAAF - Very Pale Dusty Persimmon
#DACFC8 - Palest Dusty Persimmon
#EBE4E0 - Darkest Orange
#331A00 - Very Dark Orange
#5C2E00 - Dark Orange Tone
#854200 - Medium Dark Orange
#D66B00 - Darkest Bright Orange
#2E1A05 - Very Dark Bright Orange
#532E09 - Dark Bright Orange
#77420D - Deep Bright Orange
#9C5711
Frequently asked questions
What is the HEX code for Deep Orange?
The HEX code for Deep Orange is #AD5700.
What is the RGB value of Deep Orange?
Deep Orange has an RGB value of 173, 87, 0 (rgb(173, 87, 0)). In HSL it is 30°, 100%, 34%.
What text color should I use on Deep Orange?
Use white text on Deep Orange. White text has a contrast ratio of 5.07:1 and black text has 4.14:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Orange?
The complementary color of Deep Orange is #0057AD. Analogous colors #AD0000 and #ADAD00 also pair well.