brown — #A52A2A
#A52A2A
rgb(165, 42, 42) · hsl(0, 59%, 41%) · CSS keyword brown
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| brown on white | 7.08:1 | AA | AA |
| brown on black | 2.96:1 | — | — |
As a background, brown takes white text: 7.08:1 against 2.96:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: brown;
color: #a52a2a;
color: rgb(165 42 42);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to brown
- firebrick — #B22222
- saddlebrown — #8B4513
- sienna — #A0522D
- crimson — #DC143C
- darkred — #8B0000
- mediumvioletred — #C71585
Frequently asked questions
What is the hex code for brown?
The hex code for brown is #A52A2A — RGB 165, 42, 42.
Can I use brown for text?
Yes. brown reaches 7.08:1 against white, past the 4.5:1 that WCAG AA asks for body text.
Should text on brown be black or white?
White — 7.08:1 against 2.96:1 the other way.
Other named colours
- burlywood — #DEB887
- cadetblue — #5F9EA0
- chartreuse — #7FFF00
- chocolate — #D2691E
- coral — #FF7F50
- cornflowerblue — #6495ED
- cornsilk — #FFF8DC
- crimson — #DC143C
- cyan — #00FFFF
- darkblue — #00008B
- darkcyan — #008B8B
- darkgoldenrod — #B8860B
#A52A2A in full — tints, shades and harmonies · All named colours · Colour reference