#A52A2A color codes
- HEX
- #A52A2A
- HEX8
- #A52A2AFF
- HEX8 (Android)
- #FFA52A2A
- RGB
- rgb(165, 42, 42)
- RGB (%)
- 65%, 16%, 16%
- HSL
- hsl(0, 59%, 41%)
- HSV / HSB
- hsv(0, 75%, 65%)
- CMYK
- cmyk(0%, 75%, 75%, 35%)
- OKLCH
- oklch(0.4806 0.1597 25.56)
- OKLCH (%)
- oklch(48.06% 0.1597 25.56)
- Decimal
- 10824234
What color is #A52A2A?
#A52A2A sits at 48% lightness and 0.1597 chroma in OKLCH, hue 25.56°. Its nearest named color is Brown (an exact match).
Shades and tints of #A52A2A
Tints
Shades
Tones
#A52A2A color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #A52A2A in CSS
.text { color: #A52A2A; }
.background { background-color: #A52A2A; }
.border { border: 2px solid #A52A2A; }
/* Modern, perceptually uniform */
.text { color: oklch(0.4806 0.1597 25.56); }
/* #A52A2A at 50% transparency */
.overlay { background-color: #A52A2A80; }Is #A52A2A accessible?
#A52A2A on white text scores 7.08:1; on black text it scores 2.96:1. White text passes WCAG AAA on #A52A2A. Recommended text color on a #A52A2A background: white.
A 2.96:1 vs black
A 7.08:1 vs white
- AA normal ≥ 4.5 Pass
- AA large ≥ 3 Pass
- AAA normal ≥ 7 Pass
- AAA large ≥ 4.5 Pass
Recommended text color: white
CSS
contrast-color() contrast-color(#A52A2A) → white APCA Lc experimental 88.3 Lc · body text (white text)
WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.
Related colors
See more in the brown family on the colors hub.
Frequently asked questions
- What color is #A52A2A?
- #A52A2A is Brown. In RGB it is rgb(165, 42, 42), and in HSL hsl(0, 59%, 41%).
- What is #A52A2A in RGB?
- #A52A2A converts to rgb(165, 42, 42) — red 165, green 42, blue 42.
- What text color is readable on #A52A2A?
- White text — it has the higher contrast ratio (7.08:1) against #A52A2A. White text passes WCAG AAA on #A52A2A.