Burnt Orange

#BE5103
RGB
190, 81, 3
HSL
25°, 97%, 38%
CMYK
0, 57, 98, 25
HSV
25°, 98%, 75%

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
Dark Magenta
82%
#BE5103
Click to copy
Burnt orange
100%
#BFAF03
Click to copy
Dark Orange
79%

Complementary

#BE5103
Click to copy
Burnt orange
100%
#0371BF
Click to copy
Dark Cyan
39%

Split Complementary

#BE5103
Click to copy
Burnt orange
100%
#03BFAF
Click to copy
Dark Cyan
37%
#0313BF
Click to copy
Dark Blue
38%

Triadic

#BE5103
Click to copy
Burnt orange
100%
#03BF51
Click to copy
Dark Green
48%
#5103BF
Click to copy
Dark Blue
48%

Tetradic

#BE5103
Click to copy
Burnt orange
100%
#13BF03
Click to copy
Dark Green
54%
#0371BF
Click to copy
Dark Cyan
39%
#AF03BF
Click to copy
Dark Purple
54%

Square

#BE5103
Click to copy
Burnt orange
100%
#13BF03
Click to copy
Dark Green
54%
#0371BF
Click to copy
Dark Cyan
39%
#AF03BF
Click to copy
Dark Purple
54%

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