Online Tools HarborBrown color codes
| CSS name | brown |
|---|---|
| HEX | #A52A2A |
| RGB | rgb(165, 42, 42) |
| HSL | hsl(0, 59%, 41%) |
| CMYK | cmyk(0%, 75%, 75%, 35%) |
| Decimal | 10824234 |
Shades of Brown (darker)
#952626 · #842222 · #741D1D · #631919 · #531515 · #421111 · #320D0D · #210808 · #110404
Tints of Brown (lighter)
#AE3F3F · #B75555 · #C06A6A · #C97F7F · #D29595 · #DBAAAA · #E4BFBF · #EDD4D4 · #F6EAEA
Color harmonies
| Complementary | #2BA6A6 |
|---|---|
| Triadic | #2BA62B, #2B2BA6 |
| Analogous | #A62B69, #A6692B |
Accessibility (WCAG contrast)
| White text on Brown | 7.08:1 · AAA |
|---|---|
| Black text on Brown | 2.96:1 · Fail |
Use Brown in code
.element {
color: brown; /* or #a52a2a */
background-color: rgb(165 42 42 / 0.5);
}Frequently asked questions
What is the hex code for Brown?
Brown is #A52A2A in HEX, rgb(165, 42, 42) in RGB and hsl(0, 59%, 41%) in HSL.
Can I use "brown" directly in CSS?
Yes. "brown" is one of the 148 standard CSS named colors, so color: brown; works in every browser.
Is Brown readable on white?
The contrast ratio of Brown on white is 7.08:1 (WCAG AAA). On black it is 2.96:1 (Fail).
What is the complementary color of Brown?
The complementary color (opposite on the color wheel) is #2BA6A6.
Similar colors
Fire Brick#B22222Sienna#A0522DSaddle Brown#8B4513Crimson#DC143CDark Red#8B0000Maroon#800000Chocolate#D2691EIndian Red#CD5C5C
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.