Brown color

The basic color of soil, wood and leather. In much of Latin America it's called café, while in Spain it's marrón, from the French word for chestnut. It conveys stability and warmth.

Brown · #964B00

About brown

Brown (#964B00) is a warm, dark, highly saturated color. It belongs to the browns family. It mixes 150 red, 75 green and 0 blue (out of 255). It is mostly used in fashion, home decor, branding.

Brown shades and tints

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

Colors that go with brown

BeigeA soft, harmonious earth-tone palette.WhiteBrings light and a clean feel to brown.Denim blueThe classic: jeans with brown leather.Forest greenA natural combination, like a walk in the woods.OrangeIts warm cousin, perfect for fall.Dusty pinkSoftens brown with a romantic touch.TurquoiseA fresh, boho-style contrast.CreamA warm, bright pair.

How to wear and decorate with brown →

Brown color harmonies

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

ComplementaryClose to: Denim blue

AnalogousClose to: Blood red, Olive green

TriadicClose to: Jade green, Deep purple

Split complementaryClose to: Teal, Dark blue

TetradicClose to: Green, Denim blue, Purple

Brown color palettes

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

Monochromatic palette · Brown

Analogous palette · Brown

Complementary palette · Brown

Triadic palette · Brown

With neutrals palette · Brown

With an accent palette · Brown

Brown contrast with text

White textContrast 6.4:1 · AA

Black textContrast 3.3:1 · AA large text

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

CSS code

:root {
  --brown: #964B00;
  --brown-rgb: 150, 75, 0;
}
.bg { background-color: var(--brown); }
.text { color: var(--brown); }

Colors similar to brown

Chocolate brown Sienna Copper Rust Ochre Cinnamon Bronze Sepia Burnt orange Mahogany

More browns

Coffee brown Chocolate brown Mahogany Chestnut Cinnamon Sepia Ochre Caramel Camel Mocha Khaki Sand Beige Nude Bronze Tobacco brown Sienna Café au lait

Frequently asked questions

What is the hex code for brown?

The hex code for brown is #964B00. In RGB it is rgb(150, 75, 0), in HSL hsl(30, 100%, 29%) and in CMYK 0, 50, 100, 41.

What is the complementary color of brown?

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

Can you use white text on brown?

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

What colors go with brown?

It pairs well with beige, white, denim blue, forest green, orange. Avoid mixing lots of different browns without a light color between them, because everything blends together. Brown with pure black can look heavy.