Dark Orange #FF8C00

Dark Orange#FF8C00 · rgb(255, 140, 0)

Dark Orange color codes

CSS namedarkorange
HEX#FF8C00
RGBrgb(255, 140, 0)
HSLhsl(33, 100%, 50%)
CMYKcmyk(0%, 45%, 100%, 0%)
Decimal16747520

Shades of Dark Orange (darker)

#E67E00 · #CC7000 · #B36200 · #995400 · #804600 · #663800 · #4D2A00 · #331C00 · #1A0E00

Tints of Dark Orange (lighter)

#FF981A · #FFA333 · #FFAF4D · #FFBA66 · #FFC680 · #FFD199 · #FFDDB3 · #FFE8CC · #FFF4E6

Color harmonies

Complementary
#0073FF
Triadic
#00FF8C, #8C00FF
Analogous
#FF0D00, #F2FF00

Accessibility (WCAG contrast)

White text on Dark Orange2.33:1 · Fail
Black text on Dark Orange9.00:1 · AAA

Use Dark Orange in code

.element {
  color: darkorange;          /* or #ff8c00 */
  background-color: rgb(255 140 0 / 0.5);
}

Frequently asked questions

What is the hex code for Dark Orange?

Dark Orange is #FF8C00 in HEX, rgb(255, 140, 0) in RGB and hsl(33, 100%, 50%) in HSL.

Can I use "darkorange" directly in CSS?

Yes. "darkorange" is one of the 148 standard CSS named colors, so color: darkorange; works in every browser.

Is Dark Orange readable on white?

The contrast ratio of Dark Orange on white is 2.33:1 (WCAG Fail). On black it is 9.00:1 (AAA).

What is the complementary color of Dark Orange?

The complementary color (opposite on the color wheel) is #0073FF.

Similar colors

Orange#FFA500Goldenrod#DAA520Chocolate#D2691EOrange Red#FF4500Dark Goldenrod#B8860BGold#FFD700Peru#CD853FCoral#FF7F50

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.