Brown hex code
The hex code for brown is #A52A2A. In RGB that is rgb(165, 42, 42) and in HSL it is hsl(0, 59%, 41%).
The hex code for brown is #A52A2A. In RGB that is rgb(165, 42, 42) and in HSL it is hsl(0, 59%, 41%).
Brown · #A52A2A
Colour codes
- HEX
- #A52A2A
- RGB
- rgb(165, 42, 42)
- HSL
- hsl(0, 59%, 41%)
- CMYK
- 0, 75, 75, 35
- CSS name
- brown
- Contrast on white
- 7.08:1
- Contrast on black
- 2.96:1
Tints and shades
20% lighter · #b75555
40% lighter · #c97f7f
60% lighter · #dbaaaa
80% lighter · #edd4d4
20% darker · #842222
40% darker · #631919
60% darker · #421111
80% darker · #210808
Complementary colour
Brown · #A52A2A
Opposite on the colour wheel · #2ba6a6
Frequently asked questions
What is the hex code for brown?
The hex code for brown is #A52A2A. In RGB that is rgb(165, 42, 42) and in HSL it is hsl(0, 59%, 41%).
Can I use brown for text?
It has a contrast ratio of 7.08:1 on white and 2.96:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with brown?
Its complementary colour, opposite on the colour wheel, is #2BA6A6. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of brown instead.
Is brown a CSS colour name?
Yes. CSS accepts the keyword brown, so color: brown and color: #A52A2A render exactly the same.