Dark Orange Tone is a dark, vivid shade in the brown color family, with a warm feel. Its HEX code is #854200, which equals rgb(133, 66, 0) in RGB and hsl(30, 100%, 26%) in HSL. In print terms it converts to roughly C0 M50 Y100 K48, although exact CMYK results depend on the paper and color profile.
- HEX
#854200 - RGB
133, 66, 0 - HSL
30°, 100%, 26% - CMYK
0, 50, 100, 48 - Family
Brown - Tone
Dark, vivid
About Dark Orange Tone
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 white is the most readable choice on this color, with a contrast ratio of 7.56:1. Its complementary color is #004285.
Download Dark Orange Tone 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…
Dark Orange Tone color codes
| HEX | #854200 |
|---|---|
| RGB | rgb(133, 66, 0) |
| HSL | hsl(30, 100%, 26%) |
| HSV | 30°, 100%, 52% |
| CMYK | 0%, 50%, 100%, 48% |
| Decimal | 8733184 |
Shades and tints of Dark Orange Tone
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EBE0D5 - 100
#D6C0AA - 200
#C2A180 - 300
#AE8155 - 400
#99622B - 500
#854200 - 600
#6F3700 - 700
#592C00 - 800
#432100 - 900
#2C1600 - 950
#160B00
Color harmonies for Dark Orange Tone
- Complementary
#004285≈ Dark Cornflower - Analogous −30°
#850000≈ Maroon - Analogous +30°
#858500≈ Olive - Triadic +120°
#008542≈ Dark Malachite - Triadic +240°
#420085≈ Indigo - Split 150°
#008585≈ Teal - Split 210°
#000085≈ Navy
Contrast and accessibility of Dark Orange Tone
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Orange Tone | Aa | 7.56:1 | AAA (excellent) |
| Black text on Dark Orange Tone | Aa | 2.78:1 | Fails |
CSS code for Dark Orange Tone
background-color: #854200;color: #854200;background-color: rgb(133, 66, 0);background-color: hsl(30, 100%, 26%);:root { --color-dark-orange-tone: #854200; }class="bg-[#854200]"Colors similar to Dark Orange Tone
- Dark Persimmon
#853500 - Dark Tangerine
#855000 - Dark Bright Orange
#77420D - Saddle Brown
#8B4513 - Dark Bright Persimmon
#77380D - Dark Bright Tangerine
#774D0D - Sepia
#704214 - Deep Bright Cinnabar
#9C3B11 - Deep Bright Persimmon
#9C4911 - Dark Bright Cinnabar
#772D0D - Dark Cinnabar
#852800 - Dark Bright Amber
#77580D
More brown shades
- Light Dusty Persimmon
#BAA597 - Pale Dusty Persimmon
#CABAAF - Very Pale Dusty Persimmon
#DACFC8 - Palest Dusty Persimmon
#EBE4E0 - Darkest Orange
#331A00 - Very Dark Orange
#5C2E00 - Deep Orange
#AD5700 - Medium Dark Orange
#D66B00 - Darkest Bright Orange
#2E1A05 - Very Dark Bright Orange
#532E09 - Dark Bright Orange
#77420D
Frequently asked questions
What is the HEX code for Dark Orange Tone?
The HEX code for Dark Orange Tone is #854200.
What is the RGB value of Dark Orange Tone?
Dark Orange Tone has an RGB value of 133, 66, 0 (rgb(133, 66, 0)). In HSL it is 30°, 100%, 26%.
What text color should I use on Dark Orange Tone?
Use white text on Dark Orange Tone. White text has a contrast ratio of 7.56:1 and black text has 2.78:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Orange Tone?
The complementary color of Dark Orange Tone is #004285. Analogous colors #850000 and #858500 also pair well.