Brown / #a52a2a hex color

In a RGB color space, hex #a52a2a (also known as Brown, Red brown, Auburn) is composed of 64.7% red, 16.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.5% magenta, 74.5% yellow and 35.3% black. It has a hue angle of 0 degrees, a saturation of 59.4% and a lightness of 40.6%. #a52a2a color hex could be obtained by blending #ff5454 with #4b0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 65
- G 16
- B 16
RGB color chart
- C 0
- M 75
- Y 75
- K 35
CMYK color chart

● #a52a2a color description : Dark red.

The hexadecimal color #a52a2a has RGB values of R:165, G:42, B:42 and CMYK values of C:0, M:0.75, Y:0.75, K:0.35. Its decimal value is 10824234.

Hex triplet	a52a2a	`#a52a2a`
RGB Decimal	165, 42, 42	`rgb(165,42,42)`
RGB Percent	64.7, 16.5, 16.5	`rgb(64.7%,16.5%,16.5%)`
CMYK	0, 75, 75, 35
HSL	0°, 59.4, 40.6	`hsl(0,59.4%,40.6%)`
HSV (or HSB)	0°, 74.5, 64.7
Web Safe	993333	`#993333`

CIE-LAB	37.525, 49.689, 30.54
XYZ	16.764, 9.824, 3.204
xyY	0.563, 0.33, 9.824
CIE-LCH	37.525, 58.323, 31.576
CIE-LUV	37.525, 91.764, 19.795
Hunter-Lab	31.344, 40.616, 15.88
Binary	10100101, 00101010, 00101010

#a52a2a
```
#a52a2a rgb(165,42,42)
```
#2aa5a5
```
#2aa5a5 rgb(42,165,165)
```

Complementary Color

#a52a68
```
#a52a68 rgb(165,42,104)
```
#a52a2a
```
#a52a2a rgb(165,42,42)
```
#a5682a
```
#a5682a rgb(165,104,42)
```

Analogous Color

#2a68a5
```
#2a68a5 rgb(42,104,165)
```
#a52a2a
```
#a52a2a rgb(165,42,42)
```
#2aa568
```
#2aa568 rgb(42,165,104)
```

Split Complementary Color

#2a2aa5
```
#2a2aa5 rgb(42,42,165)
```
#a52a2a
```
#a52a2a rgb(165,42,42)
```
#2aa52a
```
#2aa52a rgb(42,165,42)
```

Triadic Color

#a52aa5
```
#a52aa5 rgb(165,42,165)
```
#a52a2a
```
#a52a2a rgb(165,42,42)
```
#2aa52a
```
#2aa52a rgb(42,165,42)
```
#2aa5a5
```
#2aa5a5 rgb(42,165,165)
```

Tetradic Color

#681a1a
```
#681a1a rgb(104,26,26)
```
#7c2020
```
#7c2020 rgb(124,32,32)
```
#912525
```
#912525 rgb(145,37,37)
```
#a52a2a
```
#a52a2a rgb(165,42,42)
```
#b92f2f
```
#b92f2f rgb(185,47,47)
```
#cc3636
```
#cc3636 rgb(204,54,54)
```
#d14a4a
```
#d14a4a rgb(209,74,74)
```

Monochromatic Color

Below, you can see some colors close to #a52a2a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#a52a49
```
#a52a49 rgb(165,42,73)
```
#a52a3f
```
#a52a3f rgb(165,42,63)
```
#a52a34
```
#a52a34 rgb(165,42,52)
```
#a52a2a
```
#a52a2a rgb(165,42,42)
```
#a5342a
```
#a5342a rgb(165,52,42)
```
#a53f2a
```
#a53f2a rgb(165,63,42)
```
#a5492a
```
#a5492a rgb(165,73,42)
```

Similar Colors

Text with hexadecimal color #a52a2a

This text has a font color of #a52a2a.

<span style="color:#a52a2a;">Text here</span>

#a52a2a background color

This paragraph has a background color of #a52a2a.

<p style="background-color:#a52a2a;">Content here</p>

#a52a2a border color

This element has a border color of #a52a2a.

<div style="border:1px solid #a52a2a;">Content here</div>

CSS codes

.text {color:#a52a2a;}

.background {background-color:#a52a2a;}

.border {border:1px solid #a52a2a;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #090202 is the darkest color, while #fdf8f8 is the lightest one.

#090202
```
#090202 rgb(9,2,2)
```
#180606
```
#180606 rgb(24,6,6)
```
#280a0a
```
#280a0a rgb(40,10,10)
```
#380e0e
```
#380e0e rgb(56,14,14)
```
#471212
```
#471212 rgb(71,18,18)
```
#571616
```
#571616 rgb(87,22,22)
```
#661a1a
```
#661a1a rgb(102,26,26)
```
#761e1e
```
#761e1e rgb(118,30,30)
```
#862222
```
#862222 rgb(134,34,34)
```
#952626
```
#952626 rgb(149,38,38)
```
#a52a2a
```
#a52a2a rgb(165,42,42)
```
#b52e2e
```
#b52e2e rgb(181,46,46)
```
#c43232
```
#c43232 rgb(196,50,50)
```

Shade Color Variation

#cd3c3c
```
#cd3c3c rgb(205,60,60)
```
#d14c4c
```
#d14c4c rgb(209,76,76)
```
#d55c5c
```
#d55c5c rgb(213,92,92)
```
#d96b6b
```
#d96b6b rgb(217,107,107)
```
#dd7b7b
```
#dd7b7b rgb(221,123,123)
```
#e18b8b
```
#e18b8b rgb(225,139,139)
```
#e59a9a
```
#e59a9a rgb(229,154,154)
```
#e9aaaa
```
#e9aaaa rgb(233,170,170)
```
#edb9b9
```
#edb9b9 rgb(237,185,185)
```
#f1c9c9
```
#f1c9c9 rgb(241,201,201)
```
#f5d9d9
```
#f5d9d9 rgb(245,217,217)
```
#f9e8e8
```
#f9e8e8 rgb(249,232,232)
```
#fdf8f8
```
#fdf8f8 rgb(253,248,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6262 is the less saturated color, while #cd0202 is the most saturated one.

#6d6262
```
#6d6262 rgb(109,98,98)
```
#755a5a
```
#755a5a rgb(117,90,90)
```
#7d5252
```
#7d5252 rgb(125,82,82)
```
#854a4a
```
#854a4a rgb(133,74,74)
```
#8d4242
```
#8d4242 rgb(141,66,66)
```
#953a3a
```
#953a3a rgb(149,58,58)
```
#9d3232
```
#9d3232 rgb(157,50,50)
```
#a52a2a
```
#a52a2a rgb(165,42,42)
```
#ad2222
```
#ad2222 rgb(173,34,34)
```
#b51a1a
```
#b51a1a rgb(181,26,26)
```
#bd1212
```
#bd1212 rgb(189,18,18)
```
#c50a0a
```
#c50a0a rgb(197,10,10)
```
#cd0202
```
#cd0202 rgb(205,2,2)
```

Tone Color Variation

Below, you can see how #a52a2a is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#4f4f4f Achromatopsia 0.005% of the population
#604848 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686042 Protanopia 1% of men
#775c2c Deuteranopia 1% of men
#a93436 Tritanopia 0.001% of the population

Trichromacy

#7e4c39 Protanomaly 1% of men, 0.01% of women
#874a2b Deuteranomaly 6% of men, 0.4% of women
#a83032 Tritanomaly 0.01% of the population

Brown / #a52a2a hex color

#a52a2a Color Information

#a52a2a Color Conversion

Color Schemes with #a52a2a

Alternatives to #a52a2a

#a52a2a Preview

Shades and Tints of #a52a2a

Tones of #a52a2a

Color Blindness Simulator