Brown — #A52A2A HEX Color

#A52A2Argb(165, 42, 42)

About Brown

Brown (#A52A2A) is a warm, mid, vivid red tone with a hue of 0°, saturation of 59% and lightness of 41%. It works well for branding and call-to-action elements and conveys a energetic feeling. On a white background it reaches a contrast ratio of 7.08:1, while on black it reaches 2.96:1 — so prefer white text when using #A52A2A as a background.

Color Codes

HEX#A52A2A

RGBrgb(165, 42, 42)

HSLhsl(0°, 59%, 41%)

CMYKcmyk(0%, 75%, 75%, 35%)

CIELABLab(37.5, 49.7, 30.5)

Accessibility & Contrast

On white

7.08:1

AA Normal

AA Large

AAA Normal

AAA Large

On black

2.96:1

AA Normal

AA Large

AAA Normal

AAA Large

Recommendation: when using #A52A2A as a background, use white text for the highest contrast.

Color Schemes

Tints & Shades

Tints (mixed with white)

Shades (mixed with black)

CSS Code Snippets

background-color: #A52A2A;

color: #A52A2A;

border: 2px solid #A52A2A;

background: linear-gradient(135deg, #A52A2A, #2aa5a5);

Code Export

css

:root {
  --color-primary: #a52a2a;
  --color-primary-rgb: 165, 42, 42;
  --color-primary-hsl: 0, 59%, 41%;
}

Explore Color Tools

Palette GeneratorGenerate harmonious color palettes

Color ConvertersConvert between HEX, RGB, HSL, CMYK

OKLCH PickerPick and convert OKLCH to HEX, RGB, HSL

Gradient GeneratorCreate CSS gradients with live preview

Related Combinations

Red + Black

Purple + Orange

Purple + Red

Brown + Red

Frequently Asked Questions

What is the name of color #A52A2A?

Color #A52A2A is commonly known as Brown. It is a warm, mid, vivid red tone.

Is #A52A2A a warm or cool color?

Brown (#A52A2A) is a warm color. With a hue of 0°, it falls in the red family.

What colors go well with #A52A2A?

Colors that pair well with Brown (#A52A2A) include its complementary color (#2AA5A5), neutral whites and warm creams, and analogous red tones for harmonious palettes.