Brown Color Family

Sienna Color Hex Code, RGB & HSL Values

Browse all Brown Colors

What is the meaning of the Sienna color?

Sienna is an earthy, red-brown color named after the Italian clay pigment. It represents natural clay, autumn landscapes, and rustic warmth, popular in travel and artisan food branding.

How to use the Sienna color hex code in HTML & CSS?

To style elements with Sienna on a website, use the hex code #A0522D in your HTML/CSS. Adding background-color: #A0522D; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#A0522D] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Sienna?

In the digital sRGB spectrum, the Sienna color code is mapped to RGB values of Red: 160, Green: 82, and Blue: 45. In the HSL system, it registers at hue angle 19°, saturation 56%, and lightness index 40%. It represents a balanced medium tone characterized by a balanced, moderate saturation.

CMYK print profiles for Sienna color

To reproduce the named shade Sienna in print systems, the CMYK ink configuration requires 0% Cyan, 49% Magenta, 72% Yellow, and 37% black. Orange balances warmth and friendliness, serving as a bright focal accent in active user interfaces.

Red Channel 160
Green Channel 82
Blue Channel 45
Luminance 0.137

Sienna Color Space Conversions

Click to copy format
HEX Color Code #A0522D
RGB (Red Green Blue) rgb(160, 82, 45)
HSL (Hue Sat Light) hsl(19°, 56%, 40%)
CMYK (Commercial Print) cmyk(0%, 49%, 72%, 37%)
HSV / HSB Values hsv(19°, 72%, 63%)
Decimal Color Code 10506797
CSS Custom Variable --color-hex: #A0522D;
Tailwind CSS Utility bg-[#A0522D]
CSS Named Color sienna

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #A0522D

Small body copy preview

Black Text on Background

Black text readability test with #A0522D

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Sienna */
--color-hex: #A0522D;
--color-rgb: rgb(160, 82, 45);
--color-hsl: hsl(19deg, 56%, 40%);
--color-name: sienna;

Aa Known Color Aliases

Sienna sienna (CSS Identifier) Sienna BrownTerra Cotta BrownEarthy Brown

Sienna Color Meaning

Representing the brown color family, Sienna 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

StabilityReliabilityHonestyEarthiness

Industries

ConstructionOutdoor & NatureLuxury

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!