Chocolate Brown #7B3F00

Chocolate brown is a rich, dark reddish brown with hex code #7B3F00. It is warm and fairly saturated for a brown, with a red-orange undertone that keeps it from looking gray or flat. As the name says, it calls up dark chocolate, cocoa powder and freshly roasted coffee beans.

#7B3F00 is the widely used 'chocolate' value from traditional color lists. The CSS keyword 'chocolate' is a different, much lighter orange-brown, #D2691E.

#7B3F00

Chocolate Brown color codes
HEX	`#7B3F00`
RGB	`rgb(123, 63, 0)`
HSL	`hsl(31, 100%, 24%)`
HSV	`hsv(31, 100%, 48%)`
CMYK	`cmyk(0%, 49%, 100%, 52%)`

Make a palette with Chocolate Brown What goes with it

Text on Chocolate Brown

White text reads better on Chocolate Brown. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

8.22:1 · AAA

Black text

The quick brown fox jumps over the lazy dog.

2.55:1 · Fail

Colors that go with Chocolate Brown

#FFFDD0CreamLight, warm base that makes chocolate look richer.#F3CFC6Millennial PinkSoft pink and brown feel playful, like boutique dessert boxes.#FFD700GoldMetallic accent for premium labels and gift packaging.#008080TealCool contrast that keeps a brown palette lively.#F5F5DCBeigeTonal neutral for calm, layered interiors.

Chocolate Brown tints and shades

Tints mix Chocolate Brown with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#8F5C26

#A3794D

#B69573

#CAB299

#DECFBF

Shades

#693600

#562C00

#442300

#311900

#1F1000

Chocolate Brown color schemes

Color-wheel harmonies built by rotating the hue of #7B3F00 and keeping its saturation and lightness.

Complementary

#7B3F00

#003C7B

Analogous

#7B0200

#7B3F00

#7A7B00

Triadic

#7B3F00

#007B3F

#3F007B

Split complementary

#7B3F00

#00797B

#02007B

Tetradic

#7B3F00

#007B02

#003C7B

#7B0079

Chocolate Brown color meaning

Chocolate brown borrows most of its meaning from the food. It feels indulgent, cozy and comforting, the color of treats, hot drinks and winter evenings, and people tend to read it as more luxurious than a plain mid-brown.

Like other browns it also carries ideas of stability and warmth. Its depth lets it stand in for black in clothing and interiors while feeling softer and friendlier. Dark wood furniture and leather sofas in this range often signal tradition and comfort in Western homes.

Context shifts how it lands. In a dessert shop or on a box of truffles it reads as rich and premium. Spread across a corporate website, the same shade can look serious or a little dated. Pairing it with crisp white and modern type keeps it fresh.

How to use Chocolate Brown in design

Chocolate brown is a natural fit for bakeries, cafés, chocolate makers, skincare and leather brands. White, cream and pale pink text read well on it, while black text gets lost. Pair it with a light background for long text and keep the brown for headers, footers, buttons or packaging.

In social graphics it makes a warm backdrop for product photos with cream or gold type. Interior designers use it in velvet, leather and wood finishes, often against cream walls. In fashion, a chocolate coat or pair of boots is a common swap for black in fall and winter.

Palettes with Chocolate Brown tones

Curated palettes with a color close to #7B3F00.

Bourbon Sepia Film Desert Sand Dark Chocolate Harvest Moon Cinnamon

Colors similar to Chocolate Brown

#6F4E37Coffee #964B00Brown #954535Chestnut #722F37Wine #4B5320Army Green #A0522DSienna

Work with Chocolate Brown

Palette generatorBuild a palette around #7B3F00 Contrast checkerTest text on this color Tint and shade generatorA full scale for CSS or Tailwind Color wheelEvery harmony for this hue Color pickerAdjust it and convert formats Color mixerBlend it with another color

Chocolate Brown FAQ

What is the difference between chocolate brown and brown?

Chocolate brown (#7B3F00) is darker and slightly redder than the common brown value #964B00. Both are warm, but chocolate has more depth, which makes it feel richer and closer to black. Plain brown looks lighter and a little more orange, like unfinished wood.

Is chocolate brown warm or cool?

Warm. Chocolate brown is built from red and green light with no blue at all, which gives it a red-orange undertone. It looks especially warm next to cool colors like teal, sky blue or slate gray, and blends easily with creams, tans and golds.

Can chocolate brown replace black in a design?

Often, yes. It is dark enough to anchor a layout or carry white text, and it feels softer and warmer than black. It works best for food, beauty and lifestyle brands. For technical or corporate sites, test it against black first, since brown can look less crisp.