#a52a2a rgb(165, 42, 42) 0°, 59%, 41% Use Brown in Your Projects
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
Shades & Tints of Brown
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.brown-color {
color: #a52a2a;
background-color: #a52a2a;
}
/* As a CSS custom property */
:root {
--color-brown: #a52a2a;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
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. For a triadic scheme, combine with #2ba62b and #2b2ba6.