#a5521e hex color

In a RGB color space, hex #a5521e is composed of 64.7% red, 32.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 81.8% yellow and 35.3% black. It has a hue angle of 23.1 degrees, a saturation of 69.2% and a lightness of 38.2%. #a5521e color hex could be obtained by blending #ffa43c with #4b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 32
- B 12
RGB color chart
- C 0
- M 50
- Y 82
- K 35
CMYK color chart

● #a5521e color description : Dark orange [Brown tone].

The hexadecimal color #a5521e has RGB values of R:165, G:82, B:30 and CMYK values of C:0, M:0.5, Y:0.82, K:0.35. Its decimal value is 10834462.

Hex triplet	a5521e	`#a5521e`
RGB Decimal	165, 82, 30	`rgb(165,82,30)`
RGB Percent	64.7, 32.2, 11.8	`rgb(64.7%,32.2%,11.8%)`
CMYK	0, 50, 82, 35
HSL	23.1°, 69.2, 38.2	`hsl(23.1,69.2%,38.2%)`
HSV (or HSB)	23.1°, 81.8, 64.7
Web Safe	996633	`#996633`

CIE-LAB	44.418, 30.744, 43.984
XYZ	18.769, 14.129, 2.967
xyY	0.523, 0.394, 14.129
CIE-LCH	44.418, 53.664, 55.047
CIE-LUV	44.418, 66.688, 36.017
Hunter-Lab	37.589, 23.35, 21.632
Binary	10100101, 01010010, 00011110

#a5521e
```
#a5521e rgb(165,82,30)
```
#1e71a5
```
#1e71a5 rgb(30,113,165)
```

Complementary Color

#a51e2d
```
#a51e2d rgb(165,30,45)
```
#a5521e
```
#a5521e rgb(165,82,30)
```
#a5961e
```
#a5961e rgb(165,150,30)
```

Analogous Color

#1e2ea5
```
#1e2ea5 rgb(30,46,165)
```
#a5521e
```
#a5521e rgb(165,82,30)
```
#1ea596
```
#1ea596 rgb(30,165,150)
```

Split Complementary Color

#521ea5
```
#521ea5 rgb(82,30,165)
```
#a5521e
```
#a5521e rgb(165,82,30)
```
#1ea552
```
#1ea552 rgb(30,165,82)
```

Triadic Color

#a51e71
```
#a51e71 rgb(165,30,113)
```
#a5521e
```
#a5521e rgb(165,82,30)
```
#1ea552
```
#1ea552 rgb(30,165,82)
```
#1e71a5
```
#1e71a5 rgb(30,113,165)
```

Tetradic Color

#643212
```
#643212 rgb(100,50,18)
```
#7a3d16
```
#7a3d16 rgb(122,61,22)
```
#8f471a
```
#8f471a rgb(143,71,26)
```
#a5521e
```
#a5521e rgb(165,82,30)
```
#bb5d22
```
#bb5d22 rgb(187,93,34)
```
#d06726
```
#d06726 rgb(208,103,38)
```
#da7535
```
#da7535 rgb(218,117,53)
```

Monochromatic Color

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

#a5301e
```
#a5301e rgb(165,48,30)
```
#a53c1e
```
#a53c1e rgb(165,60,30)
```
#a5471e
```
#a5471e rgb(165,71,30)
```
#a5521e
```
#a5521e rgb(165,82,30)
```
#a55d1e
```
#a55d1e rgb(165,93,30)
```
#a5691e
```
#a5691e rgb(165,105,30)
```
#a5741e
```
#a5741e rgb(165,116,30)
```

Similar Colors

Text with hexadecimal color #a5521e

This text has a font color of #a5521e.

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

#a5521e background color

This paragraph has a background color of #a5521e.

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

#a5521e border color

This element has a border color of #a5521e.

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

CSS codes

.text {color:#a5521e;}

.background {background-color:#a5521e;}

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

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

#100803
```
#100803 rgb(16,8,3)
```
#201006
```
#201006 rgb(32,16,6)
```
#311809
```
#311809 rgb(49,24,9)
```
#41210c
```
#41210c rgb(65,33,12)
```
#52290f
```
#52290f rgb(82,41,15)
```
#633112
```
#633112 rgb(99,49,18)
```
#733915
```
#733915 rgb(115,57,21)
```
#844218
```
#844218 rgb(132,66,24)
```
#944a1b
```
#944a1b rgb(148,74,27)
```
#a5521e
```
#a5521e rgb(165,82,30)
```
#b65a21
```
#b65a21 rgb(182,90,33)
```
#c66224
```
#c66224 rgb(198,98,36)
```
#d76b27
```
#d76b27 rgb(215,107,39)
```

Shade Color Variation

#db7637
```
#db7637 rgb(219,118,55)
```
#de8147
```
#de8147 rgb(222,129,71)
```
#e18d58
```
#e18d58 rgb(225,141,88)
```
#e49869
```
#e49869 rgb(228,152,105)
```
#e7a379
```
#e7a379 rgb(231,163,121)
```
#eaaf8a
```
#eaaf8a rgb(234,175,138)
```
#edba9a
```
#edba9a rgb(237,186,154)
```
#f0c5ab
```
#f0c5ab rgb(240,197,171)
```
#f3d1bc
```
#f3d1bc rgb(243,209,188)
```
#f6dccc
```
#f6dccc rgb(246,220,204)
```
#f9e8dd
```
#f9e8dd rgb(249,232,221)
```
#fcf3ed
```
#fcf3ed rgb(252,243,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#69605a
```
#69605a rgb(105,96,90)
```
#715e53
```
#715e53 rgb(113,94,83)
```
#785c4b
```
#785c4b rgb(120,92,75)
```
#805b44
```
#805b44 rgb(128,91,68)
```
#87593c
```
#87593c rgb(135,89,60)
```
#8f5735
```
#8f5735 rgb(143,87,53)
```
#96552d
```
#96552d rgb(150,85,45)
```
#9e5426
```
#9e5426 rgb(158,84,38)
```
#a5521e
```
#a5521e rgb(165,82,30)
```
#ad5017
```
#ad5017 rgb(173,80,23)
```
#b44f0f
```
#b44f0f rgb(180,79,15)
```
#bc4d08
```
#bc4d08 rgb(188,77,8)
```
#c34b00
```
#c34b00 rgb(195,75,0)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#726157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d702f Protanopia 1% of men
#8c6b23 Deuteranopia 1% of men
#ac555b Tritanopia 0.001% of the population

Trichromacy

#8b6529 Protanomaly 1% of men, 0.01% of women
#956221 Deuteranomaly 6% of men, 0.4% of women
#a95444 Tritanomaly 0.01% of the population

#a5521e hex color

#a5521e Color Information

#a5521e Color Conversion

Color Schemes with #a5521e

Alternatives to #a5521e

#a5521e Preview

Shades and Tints of #a5521e

Tones of #a5521e

Color Blindness Simulator