Brown is a medium-dark, moderately saturated shade in the red color family, with a warm feel. Its HEX code is #A52A2A, which equals rgb(165, 42, 42) in RGB and hsl(0, 59%, 41%) in HSL. In print terms it converts to roughly C0 M75 Y75 K35, although exact CMYK results depend on the paper and color profile.
- HEX
#A52A2A - RGB
165, 42, 42 - HSL
0°, 59%, 41% - CMYK
0, 75, 75, 35 - Family
Red - Tone
Medium-dark, moderately saturated
About Brown
Red shades carry energy, urgency and passion. They draw the eye first, which makes them a favorite for calls to action, sale banners, alerts and brands that want to feel bold. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 7.08:1. Its complementary color is #2BA6A6.
Download Brown as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Brown color codes
| HEX | #A52A2A |
|---|---|
| RGB | rgb(165, 42, 42) |
| HSL | hsl(0, 59%, 41%) |
| HSV | 0°, 75%, 65% |
| CMYK | 0%, 75%, 75%, 35% |
| Decimal | 10824234 |
Shades and tints of Brown
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F0DCDC - 100
#E1B8B8 - 200
#D29595 - 300
#C37171 - 400
#B44E4E - 500
#A52A2A - 600
#8A2323 - 700
#6E1C1C - 800
#531515 - 900
#370E0E - 950
#1C0707
Color harmonies for Brown
- Complementary
#2BA6A6≈ Medium Dark Soft Cyan - Analogous −30°
#A62B69≈ Medium Dark Soft Blush - Analogous +30°
#A6692B≈ Medium Dark Soft Orange - Triadic +120°
#2BA62B≈ Medium Dark Soft Green - Triadic +240°
#2B2BA6≈ Medium Dark Soft Blue - Split 150°
#2BA669≈ Medium Dark Soft Mint - Split 210°
#2B69A6≈ Medium Dark Soft Cerulean
Contrast and accessibility of Brown
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Brown | Aa | 7.08:1 | AAA (excellent) |
| Black text on Brown | Aa | 2.96:1 | Fails |
CSS code for Brown
background-color: #A52A2A;color: #A52A2A;background-color: rgb(165, 42, 42);background-color: hsl(0, 59%, 41%);:root { --color-brown: #A52A2A; }class="bg-[#A52A2A]"Colors similar to Brown
- Medium Dark Soft Red
#AB2B2B - Medium Dark Soft Cardinal
#AB2B38 - Fire Brick
#B22222 - Medium Dark Soft Scarlet
#AB382B - Deep Bright Vermilion
#9C2D11 - Medium Dark Soft Crimson
#AB2B45 - Deep Soft Scarlet
#8B2D23 - Deep Soft Cardinal
#8B232D - Deep Soft Red
#8B2323 - Deep Bright Scarlet
#9C1F11 - Deep Soft Crimson
#8B2337 - Deep Soft Vermilion
#8B3723
More red shades
- Crimson
#DC143C - Fire Brick
#B22222 - Indian Red
#CD5C5C - Light Coral
#F08080 - Salmon
#FA8072 - Tomato
#FF6347 - Dark Red
#8B0000 - Maroon
#800000 - Red
#FF0000 - Rosy Brown
#BC8F8F - Burgundy
#800020
Frequently asked questions
What is the HEX code for Brown?
The HEX code for Brown is #A52A2A.
What is the RGB value of Brown?
Brown has an RGB value of 165, 42, 42 (rgb(165, 42, 42)). In HSL it is 0°, 59%, 41%.
What text color should I use on Brown?
Use white text on Brown. White text has a contrast ratio of 7.08:1 and black text has 2.96:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Brown?
The complementary color of Brown is #2BA6A6. Analogous colors #A62B69 and #A6692B also pair well.