#a52a2a
HEX
#a52a2a RGB
rgb(165, 42, 42) HSL
0°, 59%, 41% About Brown Color
Brown is an earthy, stable color representing reliability and warmth. It works well for natural, organic brands and vintage-themed designs.
Use Cases for Brown
organic brandsvintage themescoffee brandswood texturesleather goods
Shades & Tints of Brown
#ffffff
#e9caca
#d29595
#bc5f5f
#a52a2a
#7c2020
#531515
#290b0b
#000000
Complementary Color
#a52a2a
#2ba6a6
Analogous Colors
#a62b69
#a52a2a
#a6692b
CSS Code
.brown-color {
color: #a52a2a;
}Contrast Recommendations
Black text on Brown
Ratio: 2.96:1 ✗ Fails AA ✗ Fails AAA
White text on Brown
Ratio: 7.08:1 ✓ Passes AA ✓ Passes AAA
Frequently Asked Questions
What color is Brown?
Brown is represented by the hex code #a52a2a and has RGB values of rgb(165, 42, 42). It falls under the Brown category.
How to use Brown in web design?
Brown works well for organic brands, vintage themes, coffee brands. Brown is an earthy, stable color representing reliability and warmth. It works well for natural, organic brands and vintage-themed designs. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Brown?
Colors that pair well with Brown include saddlebrown, sienna, chocolate, peru, sandybrown. For a complementary scheme, try #2ba6a6. For an analogous scheme, use #a62b69 and #a6692b.