#F2E8D8Understand. Compare. Create.
Brown: 45 shades, names and colour codes
Explore brown shades, HTML and RGB codes, colour meanings and ideas for combining brown in your projects.
Colour code and CSS reference
The CSS keyword brown corresponds to #A52A2A. It represents one specific brown shade, not the entire colour family.
- HEX
- #A52A2A
- RGB
- 165, 42, 42
- CMYK ≈
- 0%, 75%, 75%, 35%
- HSL
- 0°, 59%, 41%
The displayed CMYK values are estimates without a print profile.
Meaning and perception
Browns often recall earth, wood and leather. They range from dark beige to chocolate. The CSS keyword brown denotes a specific value that is redder than many everyday browns.
Which colours go with it?
Brown rarely appears alone: it is already present in wood, leather, cork and some flooring. Start with the dominant material and notice whether it looks reddish, golden or greyed. Chocolate and cream suit a different direction from cognac and deep blue.
Brown and cream: distribute light and dark
Chocolate brown can structure a cream composition without requiring black. In a living room, try a brown sofa, light surfaces and a few objects that echo the brown. In a document, cream can provide the background and chocolate the graphic cues. Check the selected codes if those colours are used for text.
Brown and blue: give wood a contrasting companion
Cognac and navy create a clearer difference than brown and beige. In an outfit, pair a cognac accessory with a blue garment and keep the rest simple. In a room, compare the blue with both the light and dark parts of the wood: grain can change the pairing depending on the area you look at.
Brown and green: identify both colour directions
Dark walnut with greyed sage makes lightness differences important. Golden brown with olive creates a closer combination. To prevent a uniform result, add an ecru area and distinguish the materials. Choose the green after viewing the wood or leather under the intended lighting rather than relying only on a photograph.
Combine woods without forcing a false match
Two woods do not need to be identical to share a space. Compare their general undertones, lightness and grain. You can choose a dominant wood and a distinctly lighter or darker second one, then connect them with a plain textile. Ordering furniture in an “almost identical colour” without a sample makes the result harder to predict.
Try this palette: chocolate, cream and greyed blue
Start with 60% cream, 25% chocolate and 15% greyed blue. Blue introduces a different colour family while cream separates the volumes. For a product photograph, place the object in the mock-up before settling on these proportions.
#594034#718B9BSuggested palette with copyable HEX codes for your own trials. These sRGB previews are not certified paint or textile specifications.
A common trap: adding browns without a resting area
Flooring, sofa, curtains and furniture can all be brown yet create an arrangement that is difficult to read. Introduce a lighter plain area and reduce competing patterns. If one feature should remain central, give it a visible difference in lightness or material rather than adding another brown.
Shades of brown
The names and previews below come from the site’s shade directory. Several codes may share a common name; these shades are not certified RAL or Pantone equivalents.
#8B6C42#C8AD7F#F5F5DC#AFA778#3D2B1F#856D4D#4E3D28#5B3C11#842E1B#614E1A#3F2204#6B5731#614B3A#2F1B0C#462E01#785E2F#7E5835#7E3300#806D5A#8B6C42#85530F#5A3A22#DF6D14#AD4F09#99512B#BBAE98#685E43#8F5922#582900#87591A#955628#CC5500#4E1609#A5260A#AE4A34#985717#730800#8D4024#A98C78#AE8964#9F551E#8E5434#625B48#926D27#E1CE9AGet the free colour kit: HEX/RGB codes and a project worksheet.