Burnt orange color

A dark, deep orange that looks toasted over a flame. It's tied to fall and 1970s style. It pairs well with navy blue, cream and olive green.

Burnt orange · #CC5500

About burnt orange

Burnt orange (#CC5500) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 204 red, 85 green and 0 blue (out of 255). It is mostly used in fashion, home decor, branding.

Burnt orange shades and tints

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

Burnt orange color harmonies

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

ComplementaryClose to: French blue

AnalogousClose to: Cherry red, Saffron

TriadicClose to: Pastel green, Deep purple

Split complementaryClose to: Turquoise, Blue

TetradicClose to: Neon green, French blue, Magenta

Burnt orange color palettes

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

Monochromatic palette · Burnt orange

Analogous palette · Burnt orange

Complementary palette · Burnt orange

Triadic palette · Burnt orange

With neutrals palette · Burnt orange

With an accent palette · Burnt orange

Burnt orange contrast with text

White textContrast 4.3:1 · AA large text

Black textContrast 4.9:1 · AA

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

CSS code

:root {
  --burnt-orange: #CC5500;
  --burnt-orange-rgb: 204, 85, 0;
}
.bg { background-color: var(--burnt-orange); }
.text { color: var(--burnt-orange); }

Colors similar to burnt orange

Mahogany Cinnamon Rust Pumpkin orange Neon orange Ochre Orange Coral Tangerine Brown

Themed palettes with this color

More oranges

Orange Tangerine Pumpkin orange Carrot orange Apricot Peach Coral Terracotta Salmon Rust Copper Neon orange Pastel orange Orange red

Frequently asked questions

What is the hex code for burnt orange?

The hex code for burnt orange is #CC5500. In RGB it is rgb(204, 85, 0), in HSL hsl(25, 100%, 40%) and in CMYK 0, 58, 100, 20.

What is the complementary color of burnt orange?

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

Can you use white text on burnt orange?

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