Dark Orange is a medium, vivid shade in the orange color family, with a warm feel. Its HEX code is #FF8C00, which equals rgb(255, 140, 0) in RGB and hsl(33, 100%, 50%) in HSL. In print terms it converts to roughly C0 M45 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF8C00 - RGB
255, 140, 0 - HSL
33°, 100%, 50% - CMYK
0, 45, 100, 0 - Family
Orange - Tone
Medium, vivid
About Dark Orange
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. 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 9.00:1. Its complementary color is #0073FF.
Download 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…
Dark Orange color codes
| HEX | #FF8C00 |
|---|---|
| RGB | rgb(255, 140, 0) |
| HSL | hsl(33, 100%, 50%) |
| HSV | 33°, 100%, 100% |
| CMYK | 0%, 45%, 100%, 0% |
| Decimal | 16747520 |
Shades and tints of Dark Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFECD5 - 100
#FFD9AA - 200
#FFC680 - 300
#FFB255 - 400
#FF9F2B - 500
#FF8C00 - 600
#D57500 - 700
#AA5D00 - 800
#804600 - 900
#552F00 - 950
#2B1700
Color harmonies for Dark Orange
- Complementary
#0073FF≈ Azure Blue - Analogous −30°
#FF0D00≈ Red - Analogous +30°
#F2FF00≈ Pure Citron - Triadic +120°
#00FF8C≈ Pure Mint - Triadic +240°
#8C00FF≈ Pure Violet - Split 150°
#00F2FF≈ Cyan - Split 210°
#0D00FF≈ Pure Ultramarine
Contrast and accessibility of Dark Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Orange | Aa | 2.33:1 | Fails |
| Black text on Dark Orange | Aa | 9.00:1 | AAA (excellent) |
CSS code for Dark Orange
background-color: #FF8C00;color: #FF8C00;background-color: rgb(255, 140, 0);background-color: hsl(33, 100%, 50%);:root { --color-dark-orange: #FF8C00; }class="bg-[#FF8C00]"Colors similar to Dark Orange
- Pure Orange
#FF8000 - Pure Tangerine
#FF9900 - Tangerine
#F28500 - Orange
#FFA500 - Pumpkin
#FF7518 - Bright Tangerine
#E69419 - Medium Light Orange
#FF9429 - Bright Orange
#E68019 - Medium Light Persimmon
#FF7E29 - Medium Dark Amber
#D69600 - Medium Dark Tangerine
#D68100 - Marigold
#EAA221
More orange shades
- Coral
#FF7F50 - Orange
#FFA500 - Peach Puff
#FFDAB9 - Antique White
#FAEBD7 - Bisque
#FFE4C4 - Blanched Almond
#FFEBCD - Dark Salmon
#E9967A - Goldenrod
#DAA520 - Light Salmon
#FFA07A - Linen
#FAF0E6 - Moccasin
#FFE4B5
Frequently asked questions
What is the HEX code for Dark Orange?
The HEX code for Dark Orange is #FF8C00.
What is the RGB value of Dark Orange?
Dark Orange has an RGB value of 255, 140, 0 (rgb(255, 140, 0)). In HSL it is 33°, 100%, 50%.
What text color should I use on Dark Orange?
Use black text on Dark Orange. White text has a contrast ratio of 2.33:1 and black text has 9.00:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Orange?
The complementary color of Dark Orange is #0073FF. Analogous colors #FF0D00 and #F2FF00 also pair well.