How to use the Brown color hex code in HTML & CSS?
To style elements with Brown on a website, use the hex code #A52A2A in your HTML/CSS. Adding background-color: #A52A2A; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#A52A2A] or configuring it as a color variable in your configuration file.
What are the RGB and HSL codes of Brown?
In the digital sRGB spectrum, the Brown color code is mapped to RGB values of Red: 165, Green: 42, and Blue: 42. In the HSL system, it registers at hue angle 0°, saturation 59%, and lightness index 41%. It represents a balanced medium tone characterized by a balanced, moderate saturation.
CMYK print profiles for Brown color
To reproduce the named shade Brown in print systems, the CMYK ink configuration requires 0% Cyan, 75% Magenta, 75% Yellow, and 35% black. Given its red-channel dominance, this color is a powerful visual stimulator often deployed in banners, call-to-actions, and warning components.
Brown Color Space Conversions
Click to copy formatContrast & Accessibility (WCAG 2.1) Check
White text readability test with #A52A2A
Small body copy preview
Black text readability test with #A52A2A
Small body copy preview
Complementary & Analogous Harmonies
Computed dynamicallyShades & Tints Generator Matrix
Copy shade hex values instantlyDarker Shades (Adding Black)
Lighter Tints (Adding White)
CSS Custom Properties (Variables)
--color-hex: #A52A2A;
--color-rgb: rgb(165, 42, 42);
--color-hsl: hsl(0deg, 59%, 41%);
--color-name: brown;
Known Color Aliases
Brown Color Meaning
Representing the brown color family, Brown carries the intrinsic characteristics of this organic hue. This color group is the color of the earth itself — soil, tree bark, and natural stone. This foundational connection gives brown a deep sense of reliability, stability, and authenticity. It is associated with honest, no-nonsense quality and natural materials. In branding, brown signals craftsmanship, heritage, and organic authenticity — coffee brands, chocolate companies, and artisan goods all leverage brown's earthy credibility. Unlike the coolness of gray, brown is intrinsically warm, making spaces feel cozy and inviting. Dark rich browns communicate luxury and premium quality, while lighter tans and beiges suggest simplicity and naturalness. Brown is experiencing a design renaissance as consumers prioritize authenticity over artificiality.
Emotions & Associations
Industries