#FF8C00
Dark Orange
Dark orange is a deep, rich shade of orange that conveys warmth and earthiness. It is more subdued than pure orange while retaining its energy.
Dark Orange Color Values
HEX#FF8C00
RGB255, 140, 0
HSL33°, 100%, 50%
HSV33°, 100%, 100%
CMYK0%, 45%, 100%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #AF9A00 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #CAB400 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FF7177 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #B3B3B3 (~0.003% of population)
Dark Orange as Text Color
Dark Orange on White
2.3:1FAIL
Dark Orange on Light Gray
2.1:1FAIL
Dark Orange on Cream
2.2:1FAIL
Dark Orange on Dark
7.3:1AAA
Dark Orange on Black
9.0:1AAA
Dark Orange on Soft Blue
2.0:1FAIL
Dark Orange on Soft Green
2.1:1FAIL
Dark Orange on Soft Pink
1.9:1FAIL
Nearest Tailwind Class
amber-500
#F59E0B
Nearest Pantone Match
Pantone 158 C
#E87722
CSS Variable Export
:root {
--color-dark-orange: #FF8C00;
--color-dark-orange-rgb: 255, 140, 0;
}Tailwind Config
// tailwind.config.js
colors: {
'dark-orange': '#FF8C00',
}Shades of Dark Orange
#FF8C00
#E07B00
#C76D00
#A85D00
#8F4F00
#703E00
#573000
#381F00
#1F1100
#000000
Tints of Dark Orange
#FF8C00
#FF9A1F
#FFA538
#FFB357
#FFBF70
#FFCD8F
#FFD8A8
#FFE6C7
#FFF1E0
#FFFFFF
Color Harmonies
Complementary
#FF8C00
#0073FF
Analogous
#FF0D00
#FF8C00
#F2FF00
Triadic
#FF8C00
#00FF8C
#8C00FF
Dark Orange Text Preview
Heading in Dark Orange
Body text in Dark Orange. The quick brown fox jumps over the lazy dog.
White on Dark Orange
Body text on a Dark Orange background.
Dark Orange text on dark background
Contrast: 7.6:1