Burnt Orange

#BE5103

What color is Burnt Orange?

Burnt orange is a deep, warm reddish-orange with strong brown undertones, hex #BE5103, close to the color of dried terracotta clay. It is darker and earthier than a standard orange, with a muted, dusty quality rather than a bright or vivid tone.

What is the meaning of the color Burnt Orange?

The name burnt orange first appeared in English as a color term in the late 19th century, reflecting a tradition of naming colors after materials or processes that alter their natural state, as with burnt sienna. The color gained wider recognition in the 20th century through interior design and textile trends that favored earthy, harvest-inspired palettes, particularly during the 1970s. The University of Texas at Austin adopted burnt orange as its official school color in 1928, anchoring the color firmly to collegiate identity in American culture.

RGB
190, 81, 3
HSL
25°, 97%, 38%
CMYK
0, 57, 98, 25
HSV
25°, 98%, 75%
Burnt orange color

What colors go with Burnt Orange?

Colors that pair well with Burnt orange include:
Navy blue: sharp, grounding contrast
Cream: soft, warm balance
Forest green: rich earthy depth
Mustard yellow: warm tonal harmony
Charcoal gray: strong neutral anchor

Similar Colors

Conversions & Codes

Format Value CSS
HEX #BE5103 color: #BE5103;
RGB 190, 81, 3 color: rgb(190, 81, 3);
RGB Percentage 75%, 32%, 1% color: rgb(75%, 32%, 1%);
CMYK 0%, 57%, 98%, 25% Not supported in CSS
HSL 25°, 97%, 38% color: hsl(25, 97%, 38%);
HSV 25°, 98%, 75% Not supported in CSS
CIE-LAB 30, 22, 26 color: lab(30% 22 26);
Decimal 12472579 Not supported in CSS

Color Variations

Shades

#BF5103
#AC4903
#994102
#863902
#733102
#5F2901
#4C2001
#391801

Tints

#FEC8A2
#FDB682
#FDA363
#FC9144
#FC7E25
#FB6C06
#DE5E03
#BF5103

Tones

#BF5103
#B5530C
#AC5416
#A3561F
#995829
#905932
#865B3B
#7D5C45

Hues

#BF5103
#A0BF03
#13BF03
#03BF80
#0371BF
#2203BF
#AF03BF
#BF0342

Color Harmonies

Analogous

#BF0313
Click to copy
#BE5103
Click to copy
#BFAF03
Click to copy

Complementary

#BE5103
Click to copy
#0371BF
Click to copy

Split Complementary

#BE5103
Click to copy
#03BFAF
Click to copy
#0313BF
Click to copy

Triadic

#BE5103
Click to copy
#03BF51
Click to copy
#5103BF
Click to copy

Tetradic

#BE5103
Click to copy
#13BF03
Click to copy
#0371BF
Click to copy
#AF03BF
Click to copy

Square

#BE5103
Click to copy
#13BF03
Click to copy
#0371BF
Click to copy
#AF03BF
Click to copy

CSS & Dev Snippets

CSS
.burnt-orange {
  color: #BE5103;
}
SCSS
$burnt-orange: #BE5103;
RGB
rgb(190, 81, 3)

Accessibility & Contrast

White background

4.81:1
4.81
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

4.37:1
4.37
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags