What is the HEX code for DarkOrange?

The HEX code for DarkOrange is #FF8C00.

What is the RGB value for DarkOrange?

DarkOrange uses RGB values 255,140,0.

Can I use DarkOrange directly in CSS?

Yes. You can use the named CSS color darkorange, the HEX value #FF8C00, or rgb(255,140,0).

HTML named color

DarkOrange color code

Use the DarkOrange HTML color with HEX #FF8C00, RGB 255,140,0 and HSL 33,100%,50%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast

Oranges

#FF8C00

rgb(255,140,0)

HEX

#FF8C00

RGB

rgb(255,140,0)

HSL

hsl(33,100%,50%)

CSS name

darkorange

How to use this color

DarkOrange can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-dark-orange {
  color: #FF8C00;
}

.bg-dark-orange {
  background-color: darkorange;
}

.border-dark-orange {
  border-color: rgb(255,140,0);
}

Shades palette

#331C00#744002#B76706#F48B0B#F4A94E#F6C992#FAE8D1

Related HTML colors

OrangeRed

#FF4500

Tomato

#FF6347

Orange

#FFA500