What is the hex code for Dark Orange?

The hex code for Dark Orange is #FF8C00. In RGB that is rgb(255, 140, 0), and in HSL it is hsl(33, 100%, 50%).

What RGB values make Dark Orange?

Dark Orange is 255 red, 140 green, and 0 blue, written as rgb(255, 140, 0).

Dark Orange scores 2.33:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: darkorange directly in CSS, which every browser resolves to #FF8C00.

#FF8C00

Dark Orange is an orange tone at #FF8C00. It sits at 33 degrees on the color wheel with 100% saturation and 50% lightness.

Color values

Tints mix Dark Orange with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#FFE8CC

Tint 60%

#FFD199

Tint 40%

#FFBA66

Tint 20%

#FFA333

Base

#FF8C00

Shade 20%

#CC7000

Shade 40%

#995400

Shade 60%

#663800

Shade 80%

#331C00

On white

Sample text

2.33:1

Fails WCAG for text

On black

Sample text

9:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Dark Orange?: The hex code for Dark Orange is #FF8C00. In RGB that is rgb(255, 140, 0), and in HSL it is hsl(33, 100%, 50%).
What RGB values make Dark Orange?: Dark Orange is 255 red, 140 green, and 0 blue, written as rgb(255, 140, 0).
Is Dark Orange readable as text on a white background?: Dark Orange scores 2.33:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Dark Orange a valid CSS color name?: Yes. You can write color: darkorange directly in CSS, which every browser resolves to #FF8C00.