Sienna vs Brown

Sienna #A0522D View details →

Brown #A52A2A View details →

What is the difference between Sienna and Brown?

Comparing Sienna (#A0522D) and Brown (#A52A2A) reveals interesting optical contrasts. Both colors share a very similar saturation index, making their color intensity nearly equal. Both shades have a nearly identical lightness profile on screens. They have a close hue coordinate distance of 19°, representing a harmonized adjacent relationship.

Design recommendations for Sienna vs Brown

When choosing between Sienna and Brown for interface designs, consider their visual weight. Since Sienna is darker, it serves as a solid base for structural layouts or heavy typography, while the lighter Brown is ideal for backgrounds or high-visibility accents. Testing their contrast ratio is essential to meet WCAG accessibility guidelines.

✦ Readability & Contrast Testing

Visual test showing black and white text overlay readability on both colors.

Sienna Typography

Preview of dark and light text elements rendered over a solid Sienna background canvas.

White Text: 5.62:1 Black Text: 3.74:1

Brown Typography

Preview of dark and light text elements rendered over a solid Brown background canvas.

White Text: 7.08:1 Black Text: 2.96:1

⚙ Technical Specifications Comparison

Format / Value	Sienna	Brown	Delta / Difference
HEX Code	`#A0522D`	`#A52A2A`	-
RGB Channels	`rgb(160, 82, 45)`	`rgb(165, 42, 42)`	`R:+5 \| G:-40 \| B:-3`
HSL Values	`hsl(19°, 56%, 40%)`	`hsl(0°, 59%, 41%)`	`H:-19° \| S:+3% \| L:+1%`
CMYK (Print)	`cmyk(0%, 49%, 72%, 37%)`	`cmyk(0%, 75%, 75%, 35%)`	-

◉ Individual Color References

Sienna Reference Sheet HEX, RGB, HSL and print codes

Brown Reference Sheet HEX, RGB, HSL and print codes