Brown color values
| Format | Value |
|---|---|
| Hex | #A52A2A |
| RGB | rgb(165, 42, 42) |
| HSL | hsl(0, 59%, 41%) |
| HSV | 0, 75%, 65% |
| CMYK (simple conversion) | 0%, 75%, 75%, 35% |
| Decimal | 10824234 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Brown
Brown is a medium dark reddish orange color that represents earth, wood, and soil. It is less common in modern digital interfaces but remains a staple in branding for food, agriculture, and outdoor products. The tone conveys warmth and reliability. It is one of the 148 CSS named colors.
Shades and tints of Brown
Tints mix Brown with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #AE3F3F | #952626 |
| 20% | #B75555 | #842222 |
| 30% | #C06A6A | #731D1D |
| 40% | #C97F7F | #631919 |
| 50% | #D29595 | #531515 |
Color harmony for Brown
These colors keep the same saturation and lightness as Brown and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #2AA5A5 |
| Analogous | #A52A68 #A5682A |
| Triadic | #2AA52A #2A2AA5 |
| Split complementary | #2AA568 #2A68A5 |
Contrast and accessibility
Contrast between #A52A2A and white is 7.08:1 (passes AAA). Against black it is 2.96:1 (fails). For text on a Brown background, white text is the more readable choice.
Use Brown in CSS
.element {
color: brown;
background-color: #A52A2A;
border-color: rgb(165 42 42);
outline-color: hsl(0 59% 41%);
}All four lines produce exactly the same color. The keyword brown is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
FAQ
What is the hex code for Brown?
The hex code for Brown is #A52A2A. As a CSS color keyword you can also write brown.
What is Brown in RGB?
Brown is rgb(165, 42, 42): red 165, green 42, blue 42 on the 0 to 255 scale.
What color is closest to Brown?
Of the CSS named colors, firebrick (#B22222) is the closest match to Brown, followed by sienna and saddlebrown.
More colors
- Blue Violet: previous page
- Cadet Blue: next page
- CSS named colors: the full list