What is the hex code for Brown?

The hex code for Brown is #A52A2A. In RGB that is rgb(165, 42, 42), and in HSL it is hsl(0, 59%, 41%).

What RGB values make Brown?

Brown is 165 red, 42 green, and 42 blue, written as rgb(165, 42, 42).

Brown scores 7.08:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.

Yes. You can write color: brown directly in CSS, which every browser resolves to #A52A2A.

#A52A2A

Brown is a red tone at #A52A2A. It sits at 0 degrees on the color wheel with 59% saturation and 41% lightness.

Color values

Tints mix Brown with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#EDD4D4

Tint 60%

#DBAAAA

Tint 40%

#C97F7F

Tint 20%

#B75555

Base

#A52A2A

Shade 20%

#842222

Shade 40%

#631919

Shade 60%

#421111

Shade 80%

#210808

On white

Sample text

7.08:1

Passes AAA for body text

On black

Sample text

2.96:1

Fails WCAG for text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Brown?: The hex code for Brown is #A52A2A. In RGB that is rgb(165, 42, 42), and in HSL it is hsl(0, 59%, 41%).
What RGB values make Brown?: Brown is 165 red, 42 green, and 42 blue, written as rgb(165, 42, 42).
Is Brown readable as text on a white background?: Brown scores 7.08:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.
Is Brown a valid CSS color name?: Yes. You can write color: brown directly in CSS, which every browser resolves to #A52A2A.