- No data uploaded
- Instant results
Brown — #A52A2A
Brown is the CSS named colour brown, hex #A52A2A. It has a contrast ratio of 7.08:1 on white and 2.96:1 on black — readable as text on white backgrounds (WCAG AA).
Brown — #A52A2A
Contrast on white 7.08:1 · on black 2.96:1
Tints
Shades
Complementary
Triadic
Analogous
Using Brown in code
CSS: color: brown; or color: #A52A2A; · Tailwind: text-[#A52A2A] · Android/Flutter: 0xFFA52A2A
Brown colour harmonies
Complementary: #2AA5A5 · Triadic: #2AA52A, #2A2AA5 · Analogous: #A52A68, #A5682A. Use tints for backgrounds and shades for hover states.
Brown in every colour format
| Format | Value |
|---|---|
| HEX | #A52A2A |
| RGB | rgb(165, 42, 42) |
| HSL | hsl(0, 59%, 41%) |
| HSV | hsv(0, 75%, 65%) |
| CMYK | cmyk(0%, 75%, 75%, 35%) |
| CSS name | brown |
| Contrast on white | 7.08:1 |
| Contrast on black | 2.96:1 |
Frequently asked questions
What is the hex code for Brown?
#A52A2A (CSS name: brown).
What is Brown in RGB?
rgb(165, 42, 42)
What colour goes well with Brown?
Its complementary colour #2AA5A5, or the analogous #A52A68 and #A5682A.