A study in orange
Dark Orange
#FF8C00
- Family
- Orange
- L
- 0.751
- C
- 0.179
- H
- 58°
Notes
Dark Orange is the saturated, slightly red-leaning orange of late autumn pumpkins. The CSS hex is brighter than burnt orange and more saturated than CSS Orange, carrying high energy without tipping into red. It is a strong call-to-action color for energetic brands in sports, e-commerce, and food delivery. Deep navy or charcoal handles type contrast; pairing with red creates visual confusion. Against white it passes contrast for headlines but should be checked at body-text sizes. Body text against white in Dark Orange falls below AA at sizes under 18px and works best for emphasis.
Palette built around Dark Orange
Related colors
Frequently asked questions
What is Dark Orange?
Dark Orange is the saturated, slightly red-leaning orange of late autumn pumpkins. The CSS hex is brighter than burnt orange and more saturated than CSS Orange, carrying high energy without tipping into red. Its hex code is #FF8C00.
What are the tints and shades of Dark Orange?
uishades builds an 11-step OKLCH ramp for Dark Orange (#FF8C00) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Dark Orange?
Its complementary color is #00BAFF. Triadic partners are #00CEAF and #BD92FF; analogous neighbours are #DBA500 and #FF7C6C.
What are the OKLCH and RGB values of Dark Orange?
Dark Orange is #FF8C00 - OKLCH 0.751 0.179 58°, rgb(255 140 0), in the orange family.