Burnt orange color: code #CC5500

Burnt orange

#CC5500

Color codes

  • HEX#CC5500
  • RGBrgb(204, 85, 0)
  • HSLhsl(25, 100%, 40%)
  • HSVhsv(25, 100%, 80%)
  • CMYKcmyk(0%, 58%, 100%, 20%)
  • LABlab(51.1% 44.2 60.8)
  • OKLCHoklch(59.5% 0.169 45.5)

About the color Burnt orange

Burnt orange has the HEX code #CC5500, which corresponds to rgb(204, 85, 0) in the RGB model. On the color wheel its hue sits at 25°, with 100% saturation and 40% lightness (hsl(25, 100%, 40%)).

Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.

As a background it calls for dark text: black reaches a 4.86:1 contrast ratio on it, versus 4.31:1 for white.

For print, the approximate conversion is cmyk(0%, 58%, 100%, 20%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Burnt orange

Complementary

#CC5500 · #0077CC

Analogous

#CC0011 · #CC5500 · #CCBB00

Triadic

#CC5500 · #00CC55 · #5500CC

Tetradic

#CC5500 · #11CC00 · #0077CC · #BB00CC

Split-complementary

#CC5500 · #00CCBB · #0011CC

Monochromatic

#4D2000 · #994000 · #CC5500 · #FF791A · #FFA666

Burnt orange with white and black text

White text Aa Bb Cc 123
4.31:1 · large text only
Black text Aa Bb Cc 123
4.86:1 · AA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-burnt-orange: #CC5500;
  --color-burnt-orange-rgb: 204, 85, 0;
}

.elemento {
  background-color: var(--color-burnt-orange);
  color: #000000;
}

Similar colors

Use Burnt orange in our tools