Dark Brown

#654321

What color is Dark Brown?

Dark brown is a deep, earthy tone with warm reddish and golden undertones, hex #654321, close to the color of roasted coffee beans. It absorbs light rather than reflecting it, giving it a heavy, grounded appearance.

What is the meaning of the color Dark Brown?

Brown as a color term entered English before the 12th century, rooted in the Old English word brun, referring to dark or dusky tones. Dark brown shades gained particular prominence in 17th- and 18th-century European oil painting, where artists used pigments such as Van Dyck brown, a natural earth pigment derived from lignite, to render shadows and wooden surfaces. The color spread into furniture and interior design through the popularity of walnut and mahogany woods, both prized in English and French cabinetmaking from roughly 1700 onward. UPS adopted dark brown as its official brand color in 1916, choosing it for its association with dependability and quality.

RGB
101, 67, 33
HSL
30°, 51%, 26%
CMYK
0, 34, 67, 60
HSV
30°, 67%, 40%
Dark brown color

What colors go with Dark Brown?

Colors that pair well with Dark brown include:
Cream: soft, warming contrast
Forest green: natural, grounded balance
Terracotta: rich earthy harmony
Dusty blue: cool, calming offset
Gold: warm, striking accent

Similar Colors

Conversions & Codes

Format Value CSS
HEX #654321 color: #654321;
RGB 101, 67, 33 color: rgb(101, 67, 33);
RGB Percentage 40%, 26%, 13% color: rgb(40%, 26%, 13%);
CMYK 0%, 34%, 67%, 60% Not supported in CSS
HSL 30°, 51%, 26% color: hsl(30, 51%, 26%);
HSV 30°, 67%, 40% Not supported in CSS
CIE-LAB 21, 7, 11 color: lab(21% 7 11);
Decimal 6636321 Not supported in CSS

Color Variations

Shades

#644220
#5A3C1D
#50351A
#462E17
#3C2813
#322110
#281B0D
#1E140A

Tints

#E3C6AA
#DAB48D
#D1A171
#C88E54
#BA7B3C
#9D6833
#81552A
#644220

Tones

#644220
#614224
#5D4227
#5A422B
#57422E
#534231
#504235
#4C4238

Hues

#644220
#536420
#206420
#206453
#204264
#312064
#642064
#642031

Color Harmonies

Analogous

#642020
Click to copy
#654321
Click to copy
#646420
Click to copy

Complementary

#654321
Click to copy
#204264
Click to copy

Split Complementary

#654321
Click to copy
#206464
Click to copy
#202064
Click to copy

Triadic

#654321
Click to copy
#206442
Click to copy
#422064
Click to copy

Tetradic

#654321
Click to copy
#206420
Click to copy
#204264
Click to copy
#642064
Click to copy

Square

#654321
Click to copy
#206420
Click to copy
#204264
Click to copy
#642064
Click to copy

CSS & Dev Snippets

CSS
.dark-brown {
  color: #654321;
}
SCSS
$dark-brown: #654321;
RGB
rgb(101, 67, 33)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags