brown
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity/A52A2A/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/color/A52A2A/
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/A52A2A/)
Use the native HTML custom element.
#A52A2A
CSS color
Overview
Brown is a dark, warm color that the eye reads as a low-value orange or red: rgb(165, 42, 42), hex #A52A2A. Its dominant red channel with small, equal green and blue components yields a 0-degree hue at reduced brightness and high saturation. Brown is one of the extended CSS3 named colors. Notably, it is a color that has no place on the pure spectrum — it appears only as a dark, unsaturated orange in context, which is why no single wavelength corresponds to it. Earthy and grounding, brown is widely used for natural, rustic, and wood-toned palettes on the web.
Brown (#A52A2A) is a medium-dark red-brown CSS named color, technically a very dark, low-saturation red perceptually organized as brown by the human visual system. It evokes rich soil, tree bark, coffee, and leather—materials deeply embedded in the human experience of the natural world. It communicates earthy reliability and warmth across nearly all cultures.
On this page
Color Values
#A52A2A
165, 42, 42
0.0, 59.4%, 40.6%
0.0, 74.5%, 64.7%
0.0%, 74.5%, 74.5%, 35.3%
0.4806 0.1597 25.6
Properties
Color Psychology
Pure red is the color of adrenaline, passion, and urgency. It raises heart rate and stimulates appetite, which is why fast-food chains and sale banners rely on it worldwide. Culturally, red signifies luck and prosperity in East Asia while representing danger and prohibition in Western road signage.
Design Usage
Medium red is ideal for call-to-action buttons, sale badges, and notification dots where instant attention is needed. It should be used sparingly as an accent rather than a dominant background to avoid visual fatigue. Red pairs effectively with white text for maximum legibility in buttons and banners.
Color Harmonies
Color Blindness Simulation
CSS Usage
Tailwind Shades
Contrast Checker
Text on white
7.08:1
Text on black
2.96:1
Compare With
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #A52A2A?
RGB(165, 42, 42) · HSL(0.0, 59.4%, 40.6%) · CMYK(0.0%, 74.5%, 74.5%, 35.3%)
Does #A52A2A meet WCAG contrast on white?
7.08:1 — WCAG AA Pass, AAA Pass for normal text.
What text color is readable on #A52A2A?
Use FFFFFF text on a #A52A2A background; contrast on black is 2.96:1.