Dark orange color

A strong, full orange that's one of the named colors in HTML and CSS. Despite the name, it's bright rather than dark, just a little deeper than pure orange. It's handy for warnings, highlights and Halloween graphics.

Dark orange · #FF8C00

About dark orange

Dark orange (#FF8C00) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 255 red, 140 green and 0 blue (out of 255). It is mostly used in web, Halloween, highlights.

Dark orange shades and tints

From lightest to darkest. Tap a shade to copy its code.

Dark orange color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Electric blue

AnalogousClose to: Red, Yellow

TriadicClose to: Spring green, Violet

Split complementaryClose to: Cyan, Blue

TetradicClose to: Neon green, Electric blue, Magenta

Dark orange color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Dark orange

Analogous palette · Dark orange

Complementary palette · Dark orange

Triadic palette · Dark orange

With neutrals palette · Dark orange

With an accent palette · Dark orange

Dark orange contrast with text

White textContrast 2.3:1 · Not recommended

Black textContrast 9.0:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --dark-orange: #FF8C00;
  --dark-orange-rgb: 255, 140, 0;
}
.bg { background-color: var(--dark-orange); }
.text { color: var(--dark-orange); }

Colors similar to dark orange

Tangerine Orange Safety orange Carrot orange Pumpkin orange Cantaloupe Harvest gold Marigold Mango Cinnamon

Themed palettes with this color

Frequently asked questions

What is the hex code for dark orange?

The hex code for dark orange is #FF8C00. In RGB it is rgb(255, 140, 0), in HSL hsl(33, 100%, 50%) and in CMYK 0, 45, 100, 0.

What is the complementary color of dark orange?

Its complement on the color wheel is #0073FF, close to electric blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on dark orange?

Use black text instead: the contrast with white is only 2.3:1, while with black it is 9.0:1.