Dark brown color

A deep, classic brown with no strong red or yellow lean. It's the everyday name for the color of dark wood, chocolate and many people's eyes and hair. It's useful as a softer alternative to black in design.

Dark brown · #654321

About dark brown

Dark brown (#654321) is a warm, dark, moderately saturated color. It belongs to the browns family. It mixes 101 red, 67 green and 33 blue (out of 255). It is mostly used in design, fashion, hair color.

Dark brown shades and tints

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

Dark brown color harmonies

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

ComplementaryClose to: Prussian blue

AnalogousClose to: Wine, Dark olive green

TriadicClose to: Mexican flag green, Midnight blue

Split complementaryClose to: Dark teal, Midnight blue

TetradicClose to: Dark green, Prussian blue, Byzantium

Dark brown color palettes

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

Monochromatic palette · Dark brown

Analogous palette · Dark brown

Complementary palette · Dark brown

Triadic palette · Dark brown

With neutrals palette · Dark brown

With an accent palette · Dark brown

Dark brown contrast with text

White textContrast 8.8:1 · AAA

Black textContrast 2.4:1 · Not recommended

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

CSS code

:root {
  --dark-brown: #654321;
  --dark-brown-rgb: 101, 67, 33;
}
.bg { background-color: var(--dark-brown); }
.text { color: var(--dark-brown); }

Colors similar to dark brown

Coffee brown Sepia Tobacco brown Walnut Raw umber Russet Espresso Taupe Garnet Chocolate brown

Themed palettes with this color

More browns

Brown Coffee brown Chocolate brown Mahogany Chestnut Cinnamon Sepia Ochre Caramel Camel Mocha Khaki Sand Beige Nude Bronze Tobacco brown Sienna Café au lait Tan Cognac Espresso Walnut Burnt umber

Frequently asked questions

What is the hex code for dark brown?

The hex code for dark brown is #654321. In RGB it is rgb(101, 67, 33), in HSL hsl(30, 51%, 26%) and in CMYK 0, 34, 67, 60.

What is the complementary color of dark brown?

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

Can you use white text on dark brown?

Yes. The contrast with white is 8.8:1, enough for body text (WCAG AA).