#A52A2A — Tints, Shades & Color Values
#A52A2A is a medium, moderately saturated red. It is exactly the CSS named color brown. For readable text on a #A52A2A background, white text gives the strongest contrast (7.08:1). #A52A2A sits in the middle of the lightness range, so it can serve as a primary brand or accent color — use its tints for backgrounds and its shades for text and pressed states.
Color Values
| Hex | #A52A2A |
|---|---|
| RGB | rgb(165, 42, 42) |
| HSL | hsl(0, 59%, 41%) |
| HSV / HSB | 0°, 75%, 65% |
| Nearest named | brown (#a52a2a) |
Need these in another format? Use our hex to RGB converter for quick two-way conversion.
Tints of #A52A2A (Mixed with White)
Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.
-
10% tint
#ae3f3f -
20% tint
#b75555 -
30% tint
#c06a6a -
40% tint
#c97f7f -
50% tint
#d29595 -
60% tint
#dbaaaa -
70% tint
#e4bfbf -
80% tint
#edd4d4 -
90% tint
#f6eaea
Shades of #A52A2A (Mixed with Black)
Each step blends the base color toward black using new = old × (1 − factor).
-
10% shade
#952626 -
20% shade
#842222 -
30% shade
#731d1d -
40% shade
#631919 -
50% shade
#531515 -
60% shade
#421111 -
70% shade
#320d0d -
80% shade
#210808 -
90% shade
#100404
WCAG Contrast & Accessibility
Contrast ratios for text placed on a #A52A2A background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).
| Text color | White text 7.08:1 — AA normal: Pass · AA large: Pass · AAA: Pass |
|---|---|
| Black text 2.96:1 — AA normal: Fail · AA large: Fail · AAA: Fail |
If neither pure white nor pure black reaches the level you need, pick a lighter tint of #A52A2A from the ramps above as the background instead — small lightness moves change contrast quickly.
Browse more colors in the color library, or start from any hex code on the HexTints homepage.