Walnut color

A warm medium-dark brown named after walnut wood. It has a reddish-gold glow that looks natural and cozy. It's a top choice for mid-century modern furniture, flooring and hair color.

Also known as: Walnut brown.

Walnut · #773F1A

About walnut

Walnut (#773F1A) is a warm, dark, moderately saturated color. It belongs to the browns family. It mixes 119 red, 63 green and 26 blue (out of 255). It is mostly used in furniture, flooring, hair color.

Walnut shades and tints

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

Walnut color harmonies

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

ComplementaryClose to: Petrol blue

AnalogousClose to: Burgundy, Olive green

TriadicClose to: Sea green, Midnight blue

Split complementaryClose to: Pine green, Midnight blue

TetradicClose to: Dark green, Petrol blue, Purple

Walnut color palettes

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

Monochromatic palette · Walnut

Analogous palette · Walnut

Complementary palette · Walnut

Triadic palette · Walnut

With neutrals palette · Walnut

With an accent palette · Walnut

Walnut contrast with text

White textContrast 8.4:1 · AAA

Black textContrast 2.5:1 · Not recommended

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

CSS code

:root {
  --walnut: #773F1A;
  --walnut-rgb: 119, 63, 26;
}
.bg { background-color: var(--walnut); }
.text { color: var(--walnut); }

Colors similar to walnut

Russet Sepia Saddle brown Chocolate brown Dark brown Sienna Chestnut Burnt umber Coffee brown Cognac

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 Burnt umber Raw umber

Frequently asked questions

What is the hex code for walnut?

The hex code for walnut is #773F1A. In RGB it is rgb(119, 63, 26), in HSL hsl(24, 64%, 28%) and in CMYK 0, 47, 78, 53.

What is the complementary color of walnut?

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

Can you use white text on walnut?

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