Chocolate Brown Hex Code: #4E2E1F, Palettes and Styles

Chocolate Brown, the usual valueBrown

#4E2E1F

48 chocolate browns in the library

Pick any swatch to see its codes, its contrast and the palette it comes from.

01Put it to work

Can you read text on it?

White text looks like thisVery easy to read

Fine for any text, even small print. Contrast 12.1 to 1

Black text looks like thisHard to read

Avoid for text. Use it for shapes and backgrounds instead. Contrast 1.6 to 1

White text reads better here. The contrast number compares how light the text is with how light the colour behind it is. It runs from 1, where the text disappears, to 21, black on white. The web accessibility standard asks for at least 4.5 for normal text and 3 for big headlines.

Pick a swatch above to see it in its own palette, next to the colours it was chosen to sit with.

02Tints and shades

A ramp from 50 to 950 around #4E2E1F, in equal perceptual steps, for backgrounds, borders and hover states. Click a step to copy it.

0363 palettes with chocolate brown

04The styles that use it

Bronze Age3 Dark Academia3 Vernacular Architecture3 Music2 Cinematography2 Mixed Media2 Skeuomorphism2 Steampunk2 Grunge2 Wabi-Sabi2 Adaptive Reuse2 Contextualism2 Prairie Style2 Pueblo Revival2 Tropical Modernism2 Mid-Century Modern2 Painting1 Impressionism1 Sculpture1 Architecture1 Drawing / Sketch1 Pottery / Ceramics1 Performing Arts1 Printmaking1 Photography1 Italo Disco1 New Wave1 Luxury Minimal1 Psychedelic1 Glass Block1 Blueprint1 Industrial Architecture1 Critical Regionalism1 Monolithic Architecture1 Architectural Expressionism1 Socialist Modernism1 Neoclassical Architecture1 Japanese Graphic1 Liquid Retro1 Metallic Typography1

And 5 more, in the palettes above.

05Questions

What is the hex code for chocolate brown?

Chocolate Brown is most often given as #4E2E1F. There is no single official value (CSS's named chocolate is #D2691E); the 48 chocolate brown swatches in the Omoro library run across the range shown on this page.

What colours go with chocolate brown?

In the library's palettes, chocolate brown most often sits beside yellow, orange and green, with black and grey as the neutrals.

Which design styles use chocolate brown?

Bronze Age, Dark Academia and Vernacular Architecture use it most. 45 styles use it in all.

Goes withYellow 68%Orange 40%Green 14%Blue 5%Purple 2%Black 71%

06More brown shades

Taupe

Every colour familyAll colors and shades →

Red Orange Yellow Green Teal Blue Purple Pink Brown Beige Black Grey White

All palettes →Browse the styles →