Brown HEX Code
The HEX code for CSS brown is #A52A2A. Brown is a composite color made by combining red, yellow, and black. It evokes natural, earthy qualities and is widely used in designs related to nature, food, leather, and rustic themes.
Brown Color Values
| Format | Value | HEX#A52A2A RGBrgb(165, 42, 42) HSLhsl(0, 59%, 41%) CMYKC:0 M:75 Y:75 K:35
Brown Shades and Variations
ShadeHEXDescription Bisque#FFE4C4Light, warm Tan#D2B48CSandy brown Burlywood#DEB887Light wood Peru#CD853FCopper brown Chocolate#D2691ERich, warm Sienna#A0522DEarth tone Saddle Brown#8B4513Leather Brown#A52A2ACSS brown | Maroon | #800000 | Dark red-brown |
Brown in Design
Brown conveys:
- Nature: Earth, wood, organic
- Stability: Reliability, groundedness
- Warmth: Comfort, rustic charm
- Authenticity: Handmade, artisan
Using Brown in Web Design
``css
/* Earthy color palette */
:root {
--brown-light: #DEB887;
--brown-medium: #A0522D;
--brown-dark: #5D4037;
--brown-accent: #8D6E63;
}
/* Coffee-themed design */
.coffee-card {
background-color: #F5F0E8;
border: 1px solid #D7CCC8;
color: #4E342E;
}
``
Brown Color Palettes
| Style | Primary | Secondary | Accent | Earth#5D4037#795548#A1887F Coffee#4E342E#8D6E63#D7CCC8 Wood#8B4513#CD853F#DEB887 Leather#6D4C41#8D6E63#BCAAA4
Brown in Material Design
LevelHEXName 50#EFEBE9Lightest 200#BCAAA4Light 500#795548Medium 700#5D4037Dark 900#3E2723Darkest
Industries Using Brown
IndustryUse Case Coffee/ChocolateProduct branding FurnitureWood finishes FashionLeather goods Organic foodNatural products | Outdoors | Nature brands |
Brown pairs well with cream, beige, orange, and green for cohesive earthy palettes.