Dark Orange

#C76E00

What color is Dark Orange?

Dark orange is a deep, burnt amber tone with strong brown undertones, hex #C76E00, close to the color of a dried apricot. It is noticeably darker than a standard orange, with a muted, earthy warmth rather than brightness.

What is the meaning of the color Dark Orange?

Orange pigments derived from ochre were among the earliest used in cave paintings, but the specific term dark orange as a named color shade gained traction through textile and print industries standardizing color systems in the twentieth century. The Pantone Color Institute, founded in 1963, helped anchor deep orange tones as distinct commercial categories separate from red or standard orange. Shades in this range became strongly associated with autumn seasonal marketing after major retailers adopted them in print catalogs through the 1970s and 1980s. Harley-Davidson has used a deep burnt orange in its brand palette since the 1990s, grounding the color in associations with durability and craft.

RGB
199, 110, 0
HSL
33°, 100%, 39%
CMYK
0, 45, 100, 22
HSV
33°, 100%, 78%
Dark orange color

What colors go with Dark Orange?

Colors that pair well with Dark orange include:
Deep navy: sharp, cool contrast
Ivory: soft, warm balance
Forest green: earthy, natural depth
Charcoal grey: grounded, neutral anchor
Burgundy: rich, tonal warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #C76E00 color: #C76E00;
RGB 199, 110, 0 color: rgb(199, 110, 0);
RGB Percentage 78%, 43%, 0% color: rgb(78%, 43%, 0%);
CMYK 0%, 45%, 100%, 22% Not supported in CSS
HSL 33°, 100%, 39% color: hsl(33, 100%, 39%);
HSV 33°, 100%, 78% Not supported in CSS
CIE-LAB 31, 18, 37 color: lab(31% 18 37);
Decimal 13069824 Not supported in CSS

Color Variations

Shades

#C76D00
#B36200
#9F5800
#8B4D00
#774200
#633700
#502C00
#3C2100

Tints

#FFD5A2
#FFC783
#FFB963
#FFAB44
#FF9D25
#FF8F06
#E67F00
#C76D00

Tones

#C76D00
#BD6C0A
#B36B14
#A96A1E
#9F6928
#956832
#8B673C
#816646

Hues

#C76D00
#8BC700
#00C70A
#00C79F
#005AC7
#3C00C7
#C700BD
#C70028

Color Harmonies

Analogous

#C70A00
Click to copy
#C76E00
Click to copy
#BDC700
Click to copy

Complementary

#C76E00
Click to copy
#005AC7
Click to copy

Split Complementary

#C76E00
Click to copy
#00BDC7
Click to copy
#0A00C7
Click to copy

Triadic

#C76E00
Click to copy
#00C76D
Click to copy
#6D00C7
Click to copy

Tetradic

#C76E00
Click to copy
#00C70A
Click to copy
#005AC7
Click to copy
#C700BD
Click to copy

Square

#C76E00
Click to copy
#00C70A
Click to copy
#005AC7
Click to copy
#C700BD
Click to copy

CSS & Dev Snippets

CSS
.dark-orange {
  color: #C76E00;
}
SCSS
$dark-orange: #C76E00;
RGB
rgb(199, 110, 0)

Accessibility & Contrast

White background

3.71:1
3.71
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

5.66:1
5.66
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags