What is the hex code for Brown?

The hex code for Brown is #A52A2A.

What is the RGB value of Brown?

The RGB value of Brown is rgb(165, 42, 42).

What is the HSL value of Brown?

The HSL value of Brown is hsl(0, 59%, 41%).

What is the HSV value of Brown?

The HSV value of Brown is hsv(0, 75%, 65%).

What CSS code do I use for Brown?

Use background-color: #A52A2A; for background, color: #A52A2A; for text, or border: 1px solid #A52A2A; for borders.

Brown Hex #A52A2A: HTML Color Code & Gradients

Brown (#A52A2A) Color Codes & Gradients

Color Preview

Make a gradient with Brown →

Opens Brown with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	brown
Hex	#A52A2A
RGB	rgb(165, 42, 42)
HSV	hsv(0, 75%, 65%)
HSL	hsl(0, 59%, 41%)
OKLCH	oklch(48.06% 0.1597 25.56)

What is the color name for #A52A2A?

#A52A2A color name is Brown.

Color Information

The HTML color Brown has the hexadecimal code #A52A2A and in the RGB color space is composed of 65% red, 16% green, and 16% blue. The color Brown has a hue angle of 0 degrees, a saturation of 59.4% and a lightness of 40.6%.

Brown CSS Code Snippets

Background Color

.bg-brown { background-color: #A52A2A; }

Text Color

.text-brown { color: #A52A2A; }

Border Color

.border-brown { border: 1px solid #A52A2A; }

Shade Gradient

.gradient-shade-brown { background: linear-gradient(135deg, #A52A2A, #2B0B0B); }

Tint Gradient

.gradient-tint-brown { background: linear-gradient(135deg, #A52A2A, #E18787); }

Monochromatic Gradient

.gradient-mono-brown { background: linear-gradient(135deg, #A52A2A, #C93333); }

Brown Shades

#912525

#7C2020

#681A1A

#541515

#3F1010

#2B0B0B

Brown Tints

#B92F2F

#CC3636

#D14A4A

#D65F5F

#DB7373

#E18787

Brown Tones

#983737

#8A4545

#7D5252

#6F6060

#676767

Brown Monochromatic

#C93333

#A52A2A

#812121

#5C1717

#380E0E

#130505

Similar Colors to Brown

#A52A53

#A52A43

#A52A32

#A5322A

#A5432A

#A5532A

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator