CSS named color

DarkOrange #FF8C00

DarkOrange is a vivid orange with the hex code #FF8C00, which converts to rgb(255, 140, 0). Open #FF8C00 in the converter to tweak it.

DarkOrange color values

How #FF8C00 converts to RGB

Split the hex code into three pairs and read each pair as a base-16 number: FF → 255, 8C → 140, 00 → 0. That gives rgb(255, 140, 0). The step-by-step guide explains the math.

Shades of DarkOrange

Mixed toward black in 10% steps. Click a swatch to copy its hex.

Tints of DarkOrange

Mixed toward white in 10% steps.

Color harmonies

Hue rotations of DarkOrange on the HSL color wheel, keeping saturation and lightness fixed. The color harmony guide explains when each scheme works.

Complementary

Analogous

Split-complementary

Triadic

Tetradic (square)

Contrast and accessibility

Use black text on a darkorange background. Test any other pair in the contrast checker; thresholds are explained in the WCAG contrast guide.

Use DarkOrange in CSS

.element {
  color: darkorange;                         /* keyword */
  background-color: #FF8C00;            /* hex */
  border-color: rgb(255 140 0 / 50%);    /* 50% transparent */
}

Need it semi-transparent? Append an alpha byte: #FF8C0080 is DarkOrange at 50% opacity. See RGBA & transparency.

Similar named colors

FAQ

What is the HEX code for DarkOrange?

The CSS named color darkorange is #FF8C00 in hexadecimal. In CSS you can write color: darkorange; or color: #FF8C00; — both produce the same pixel.

What is DarkOrange in RGB?

DarkOrange is rgb(255, 140, 0): red 255, green 140, blue 0 on the 0–255 scale. As normalized 0–1 floats that is (1, 0.549, 0).

Is white or black text more readable on DarkOrange?

Black text is more readable. White on #FF8C00 has a contrast ratio of 2.33:1 (Fail), black on #FF8C00 has 9.00:1 (AAA). WCAG AA needs 4.5:1 for normal text.