#a52522 hex color

In a RGB color space, hex #a52522 is composed of 64.7% red, 14.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.6% magenta, 79.4% yellow and 35.3% black. It has a hue angle of 1.4 degrees, a saturation of 65.8% and a lightness of 39%. #a52522 color hex could be obtained by blending #ff4a44 with #4b0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 65
- G 15
- B 13
RGB color chart
- C 0
- M 78
- Y 79
- K 35
CMYK color chart

● #a52522 color description : Dark red.

The hexadecimal color #a52522 has RGB values of R:165, G:37, B:34 and CMYK values of C:0, M:0.78, Y:0.79, K:0.35. Its decimal value is 10822946.

Hex triplet	a52522	`#a52522`
RGB Decimal	165, 37, 34	`rgb(165,37,34)`
RGB Percent	64.7, 14.5, 13.3	`rgb(64.7%,14.5%,13.3%)`
CMYK	0, 78, 79, 35
HSL	1.4°, 65.8, 39	`hsl(1.4,65.8%,39%)`
HSV (or HSB)	1.4°, 79.4, 64.7
Web Safe	993333	`#993333`

CIE-LAB	36.818, 51.08, 34.462
XYZ	16.468, 9.44, 2.468
xyY	0.58, 0.333, 9.44
CIE-LCH	36.818, 61.619, 34.006
CIE-LUV	36.818, 95.845, 21.587
Hunter-Lab	30.725, 41.907, 16.744
Binary	10100101, 00100101, 00100010

#a52522
```
#a52522 rgb(165,37,34)
```
#22a2a5
```
#22a2a5 rgb(34,162,165)
```

Complementary Color

#a52260
```
#a52260 rgb(165,34,96)
```
#a52522
```
#a52522 rgb(165,37,34)
```
#a56722
```
#a56722 rgb(165,103,34)
```

Analogous Color

#2260a5
```
#2260a5 rgb(34,96,165)
```
#a52522
```
#a52522 rgb(165,37,34)
```
#22a567
```
#22a567 rgb(34,165,103)
```

Split Complementary Color

#2522a5
```
#2522a5 rgb(37,34,165)
```
#a52522
```
#a52522 rgb(165,37,34)
```
#22a525
```
#22a525 rgb(34,165,37)
```

Triadic Color

#a522a2
```
#a522a2 rgb(165,34,162)
```
#a52522
```
#a52522 rgb(165,37,34)
```
#22a525
```
#22a525 rgb(34,165,37)
```
#22a2a5
```
#22a2a5 rgb(34,162,165)
```

Tetradic Color

#661715
```
#661715 rgb(102,23,21)
```
#7b1c19
```
#7b1c19 rgb(123,28,25)
```
#90201e
```
#90201e rgb(144,32,30)
```
#a52522
```
#a52522 rgb(165,37,34)
```
#ba2a26
```
#ba2a26 rgb(186,42,38)
```
#cf2e2b
```
#cf2e2b rgb(207,46,43)
```
#d7403d
```
#d7403d rgb(215,64,61)
```

Monochromatic Color

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

#a52240
```
#a52240 rgb(165,34,64)
```
#a52235
```
#a52235 rgb(165,34,53)
```
#a5222a
```
#a5222a rgb(165,34,42)
```
#a52522
```
#a52522 rgb(165,37,34)
```
#a53022
```
#a53022 rgb(165,48,34)
```
#a53b22
```
#a53b22 rgb(165,59,34)
```
#a54622
```
#a54622 rgb(165,70,34)
```

Similar Colors

Text with hexadecimal color #a52522

This text has a font color of #a52522.

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

#a52522 background color

This paragraph has a background color of #a52522.

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

#a52522 border color

This element has a border color of #a52522.

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

CSS codes

.text {color:#a52522;}

.background {background-color:#a52522;}

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

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, #020100 is the darkest color, while #fcf1f1 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#130404
```
#130404 rgb(19,4,4)
```
#230807
```
#230807 rgb(35,8,7)
```
#330b0b
```
#330b0b rgb(51,11,11)
```
#430f0e
```
#430f0e rgb(67,15,14)
```
#541311
```
#541311 rgb(84,19,17)
```
#641615
```
#641615 rgb(100,22,21)
```
#741a18
```
#741a18 rgb(116,26,24)
```
#841e1b
```
#841e1b rgb(132,30,27)
```
#95211f
```
#95211f rgb(149,33,31)
```
#a52522
```
#a52522 rgb(165,37,34)
```
#b52925
```
#b52925 rgb(181,41,37)
```
#c62c29
```
#c62c29 rgb(198,44,41)
```

Shade Color Variation

#d4322e
```
#d4322e rgb(212,50,46)
```
#d7423e
```
#d7423e rgb(215,66,62)
```
#db524e
```
#db524e rgb(219,82,78)
```
#de625f
```
#de625f rgb(222,98,95)
```
#e1726f
```
#e1726f rgb(225,114,111)
```
#e5827f
```
#e5827f rgb(229,130,127)
```
#e89290
```
#e89290 rgb(232,146,144)
```
#eba2a0
```
#eba2a0 rgb(235,162,160)
```
#efb1b0
```
#efb1b0 rgb(239,177,176)
```
#f2c1c0
```
#f2c1c0 rgb(242,193,192)
```
#f5d1d1
```
#f5d1d1 rgb(245,209,209)
```
#f9e1e1
```
#f9e1e1 rgb(249,225,225)
```
#fcf1f1
```
#fcf1f1 rgb(252,241,241)
```

Tint Color Variation

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

#685f5f
```
#685f5f rgb(104,95,95)
```
#6f5858
```
#6f5858 rgb(111,88,88)
```
#775150
```
#775150 rgb(119,81,80)
```
#7f4a48
```
#7f4a48 rgb(127,74,72)
```
#864241
```
#864241 rgb(134,66,65)
```
#8e3b39
```
#8e3b39 rgb(142,59,57)
```
#963431
```
#963431 rgb(150,52,49)
```
#9d2c2a
```
#9d2c2a rgb(157,44,42)
```
#a52522
```
#a52522 rgb(165,37,34)
```
#ad1e1a
```
#ad1e1a rgb(173,30,26)
```
#b41613
```
#b41613 rgb(180,22,19)
```
#bc0f0b
```
#bc0f0b rgb(188,15,11)
```
#c40803
```
#c40803 rgb(196,8,3)
```

Tone Color Variation

Below, you can see how #a52522 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

#4b4b4b Achromatopsia 0.005% of the population
#5d4343 Atypical Achromatopsia 0.001% of the population

Dichromacy

#685f3a Protanopia 1% of men
#765a23 Deuteranopia 1% of men
#a92f31 Tritanopia 0.001% of the population

Trichromacy

#7e4a31 Protanomaly 1% of men, 0.01% of women
#874722 Deuteranomaly 6% of men, 0.4% of women
#a82b2b Tritanomaly 0.01% of the population

#a52522 hex color

#a52522 Color Information

#a52522 Color Conversion

Color Schemes with #a52522

Alternatives to #a52522

#a52522 Preview

Shades and Tints of #a52522

Tones of #a52522

Color Blindness Simulator