#a5521a hex color

In a RGB color space, hex #a5521a is composed of 64.7% red, 32.2% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 84.2% yellow and 35.3% black. It has a hue angle of 24.2 degrees, a saturation of 72.8% and a lightness of 37.5%. #a5521a color hex could be obtained by blending #ffa434 with #4b0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a5521a has RGB values of R:165, G:82, B:26 and CMYK values of C:0, M:0.5, Y:0.84, K:0.35. Its decimal value is 10834458.

Hex triplet	a5521a	`#a5521a`
RGB Decimal	165, 82, 26	`rgb(165,82,26)`
RGB Percent	64.7, 32.2, 10.2	`rgb(64.7%,32.2%,10.2%)`
CMYK	0, 50, 84, 35
HSL	24.2°, 72.8, 37.5	`hsl(24.2,72.8%,37.5%)`
HSV (or HSB)	24.2°, 84.2, 64.7
Web Safe	996633	`#996633`

CIE-LAB	44.391, 30.614, 45.693
XYZ	18.721, 14.11, 2.715
xyY	0.527, 0.397, 14.11
CIE-LCH	44.391, 55, 56.178
CIE-LUV	44.391, 67.011, 36.98
Hunter-Lab	37.564, 23.227, 22.009
Binary	10100101, 01010010, 00011010

#a5521a
```
#a5521a rgb(165,82,26)
```
#1a6da5
```
#1a6da5 rgb(26,109,165)
```

Complementary Color

#a51a28
```
#a51a28 rgb(165,26,40)
```
#a5521a
```
#a5521a rgb(165,82,26)
```
#a5981a
```
#a5981a rgb(165,152,26)
```

Analogous Color

#1a28a5
```
#1a28a5 rgb(26,40,165)
```
#a5521a
```
#a5521a rgb(165,82,26)
```
#1aa598
```
#1aa598 rgb(26,165,152)
```

Split Complementary Color

#521aa5
```
#521aa5 rgb(82,26,165)
```
#a5521a
```
#a5521a rgb(165,82,26)
```
#1aa552
```
#1aa552 rgb(26,165,82)
```

Triadic Color

#a51a6d
```
#a51a6d rgb(165,26,109)
```
#a5521a
```
#a5521a rgb(165,82,26)
```
#1aa552
```
#1aa552 rgb(26,165,82)
```
#1a6da5
```
#1a6da5 rgb(26,109,165)
```

Tetradic Color

#633110
```
#633110 rgb(99,49,16)
```
#793c13
```
#793c13 rgb(121,60,19)
```
#8f4717
```
#8f4717 rgb(143,71,23)
```
#a5521a
```
#a5521a rgb(165,82,26)
```
#bb5d1d
```
#bb5d1d rgb(187,93,29)
```
#d16821
```
#d16821 rgb(209,104,33)
```
#de752e
```
#de752e rgb(222,117,46)
```

Monochromatic Color

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

#a52f1a
```
#a52f1a rgb(165,47,26)
```
#a53b1a
```
#a53b1a rgb(165,59,26)
```
#a5461a
```
#a5461a rgb(165,70,26)
```
#a5521a
```
#a5521a rgb(165,82,26)
```
#a55e1a
```
#a55e1a rgb(165,94,26)
```
#a5691a
```
#a5691a rgb(165,105,26)
```
#a5751a
```
#a5751a rgb(165,117,26)
```

Similar Colors

Text with hexadecimal color #a5521a

This text has a font color of #a5521a.

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

#a5521a background color

This paragraph has a background color of #a5521a.

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

#a5521a border color

This element has a border color of #a5521a.

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

CSS codes

.text {color:#a5521a;}

.background {background-color:#a5521a;}

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

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, #0c0602 is the darkest color, while #fefcfb is the lightest one.

#0c0602
```
#0c0602 rgb(12,6,2)
```
#1d0f05
```
#1d0f05 rgb(29,15,5)
```
#2e1707
```
#2e1707 rgb(46,23,7)
```
#3f1f0a
```
#3f1f0a rgb(63,31,10)
```
#50280d
```
#50280d rgb(80,40,13)
```
#61300f
```
#61300f rgb(97,48,15)
```
#723912
```
#723912 rgb(114,57,18)
```
#834115
```
#834115 rgb(131,65,21)
```
#944a17
```
#944a17 rgb(148,74,23)
```
#a5521a
```
#a5521a rgb(165,82,26)
```
#b65a1d
```
#b65a1d rgb(182,90,29)
```
#c7631f
```
#c7631f rgb(199,99,31)
```
#d86b22
```
#d86b22 rgb(216,107,34)
```

Shade Color Variation

#de762f
```
#de762f rgb(222,118,47)
```
#e18140
```
#e18140 rgb(225,129,64)
```
#e48c51
```
#e48c51 rgb(228,140,81)
```
#e69762
```
#e69762 rgb(230,151,98)
```
#e9a373
```
#e9a373 rgb(233,163,115)
```
#ecae84
```
#ecae84 rgb(236,174,132)
```
#eeb995
```
#eeb995 rgb(238,185,149)
```
#f1c4a6
```
#f1c4a6 rgb(241,196,166)
```
#f4cfb7
```
#f4cfb7 rgb(244,207,183)
```
#f6dac8
```
#f6dac8 rgb(246,218,200)
```
#f9e6d9
```
#f9e6d9 rgb(249,230,217)
```
#fcf1ea
```
#fcf1ea rgb(252,241,234)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#635f5c
```
#635f5c rgb(99,95,92)
```
#6a5d55
```
#6a5d55 rgb(106,93,85)
```
#725c4d
```
#725c4d rgb(114,92,77)
```
#795b46
```
#795b46 rgb(121,91,70)
```
#80593f
```
#80593f rgb(128,89,63)
```
#885837
```
#885837 rgb(136,88,55)
```
#8f5630
```
#8f5630 rgb(143,86,48)
```
#965529
```
#965529 rgb(150,85,41)
```
#9e5321
```
#9e5321 rgb(158,83,33)
```
#a5521a
```
#a5521a rgb(165,82,26)
```
#ac5113
```
#ac5113 rgb(172,81,19)
```
#b44f0b
```
#b44f0b rgb(180,79,11)
```
#bb4e04
```
#bb4e04 rgb(187,78,4)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#716055 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d702b Protanopia 1% of men
#8c6b1e Deuteranopia 1% of men
#ac555b Tritanopia 0.001% of the population

Trichromacy

#8b6525 Protanomaly 1% of men, 0.01% of women
#95621c Deuteranomaly 6% of men, 0.4% of women
#a95443 Tritanomaly 0.01% of the population

#a5521a hex color

#a5521a Color Information

#a5521a Color Conversion

Color Schemes with #a5521a

Alternatives to #a5521a

#a5521a Preview

Shades and Tints of #a5521a

Tones of #a5521a

Color Blindness Simulator