#aa5525 hex color

In a RGB color space, hex #aa5525 is composed of 66.7% red, 33.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 78.2% yellow and 33.3% black. It has a hue angle of 21.7 degrees, a saturation of 64.3% and a lightness of 40.6%. #aa5525 color hex could be obtained by blending #ffaa4a with #550000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 67
- G 33
- B 15
RGB color chart
- C 0
- M 50
- Y 78
- K 33
CMYK color chart

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

The hexadecimal color #aa5525 has RGB values of R:170, G:85, B:37 and CMYK values of C:0, M:0.5, Y:0.78, K:0.33. Its decimal value is 11162917.

Hex triplet	aa5525	`#aa5525`
RGB Decimal	170, 85, 37	`rgb(170,85,37)`
RGB Percent	66.7, 33.3, 14.5	`rgb(66.7%,33.3%,14.5%)`
CMYK	0, 50, 78, 33
HSL	21.7°, 64.3, 40.6	`hsl(21.7,64.3%,40.6%)`
HSV (or HSB)	21.7°, 78.2, 66.7
Web Safe	996633	`#996633`

CIE-LAB	45.878, 31.475, 42.386
XYZ	20.161, 15.178, 3.618
xyY	0.518, 0.39, 15.178
CIE-LCH	45.878, 52.795, 53.403
CIE-LUV	45.878, 67.927, 35.622
Hunter-Lab	38.96, 24.191, 21.765
Binary	10101010, 01010101, 00100101

#aa5525
```
#aa5525 rgb(170,85,37)
```
#257aaa
```
#257aaa rgb(37,122,170)
```

Complementary Color

#aa2538
```
#aa2538 rgb(170,37,56)
```
#aa5525
```
#aa5525 rgb(170,85,37)
```
#aa9825
```
#aa9825 rgb(170,152,37)
```

Analogous Color

#2538aa
```
#2538aa rgb(37,56,170)
```
#aa5525
```
#aa5525 rgb(170,85,37)
```
#25aa98
```
#25aa98 rgb(37,170,152)
```

Split Complementary Color

#5525aa
```
#5525aa rgb(85,37,170)
```
#aa5525
```
#aa5525 rgb(170,85,37)
```
#25aa55
```
#25aa55 rgb(37,170,85)
```

Triadic Color

#aa257a
```
#aa257a rgb(170,37,122)
```
#aa5525
```
#aa5525 rgb(170,85,37)
```
#25aa55
```
#25aa55 rgb(37,170,85)
```
#257aaa
```
#257aaa rgb(37,122,170)
```

Tetradic Color

#6b3617
```
#6b3617 rgb(107,54,23)
```
#80401c
```
#80401c rgb(128,64,28)
```
#954b20
```
#954b20 rgb(149,75,32)
```
#aa5525
```
#aa5525 rgb(170,85,37)
```
#bf5f2a
```
#bf5f2a rgb(191,95,42)
```
#d26a30
```
#d26a30 rgb(210,106,48)
```
#d77a45
```
#d77a45 rgb(215,122,69)
```

Monochromatic Color

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

#aa3425
```
#aa3425 rgb(170,52,37)
```
#aa3f25
```
#aa3f25 rgb(170,63,37)
```
#aa4a25
```
#aa4a25 rgb(170,74,37)
```
#aa5525
```
#aa5525 rgb(170,85,37)
```
#aa6025
```
#aa6025 rgb(170,96,37)
```
#aa6b25
```
#aa6b25 rgb(170,107,37)
```
#aa7625
```
#aa7625 rgb(170,118,37)
```

Similar Colors

Text with hexadecimal color #aa5525

This text has a font color of #aa5525.

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

#aa5525 background color

This paragraph has a background color of #aa5525.

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

#aa5525 border color

This element has a border color of #aa5525.

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

CSS codes

.text {color:#aa5525;}

.background {background-color:#aa5525;}

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

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

#090402
```
#090402 rgb(9,4,2)
```
#190d05
```
#190d05 rgb(25,13,5)
```
#291509
```
#291509 rgb(41,21,9)
```
#391d0c
```
#391d0c rgb(57,29,12)
```
#492510
```
#492510 rgb(73,37,16)
```
#592d13
```
#592d13 rgb(89,45,19)
```
#6a3517
```
#6a3517 rgb(106,53,23)
```
#7a3d1a
```
#7a3d1a rgb(122,61,26)
```
#8a451e
```
#8a451e rgb(138,69,30)
```
#9a4d21
```
#9a4d21 rgb(154,77,33)
```
#aa5525
```
#aa5525 rgb(170,85,37)
```
#ba5d29
```
#ba5d29 rgb(186,93,41)
```
#ca652c
```
#ca652c rgb(202,101,44)
```

Shade Color Variation

#d36f36
```
#d36f36 rgb(211,111,54)
```
#d77b47
```
#d77b47 rgb(215,123,71)
```
#da8657
```
#da8657 rgb(218,134,87)
```
#de9267
```
#de9267 rgb(222,146,103)
```
#e19d77
```
#e19d77 rgb(225,157,119)
```
#e5a987
```
#e5a987 rgb(229,169,135)
```
#e8b497
```
#e8b497 rgb(232,180,151)
```
#ecc0a7
```
#ecc0a7 rgb(236,192,167)
```
#efccb7
```
#efccb7 rgb(239,204,183)
```
#f3d7c7
```
#f3d7c7 rgb(243,215,199)
```
#f6e3d8
```
#f6e3d8 rgb(246,227,216)
```
#faeee8
```
#faeee8 rgb(250,238,232)
```
#fdfaf8
```
#fdfaf8 rgb(253,250,248)
```

Tint Color Variation

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

#6a6765
```
#6a6765 rgb(106,103,101)
```
#72655d
```
#72655d rgb(114,101,93)
```
#7a6255
```
#7a6255 rgb(122,98,85)
```
#82604d
```
#82604d rgb(130,96,77)
```
#8a5e45
```
#8a5e45 rgb(138,94,69)
```
#925c3d
```
#925c3d rgb(146,92,61)
```
#9a5935
```
#9a5935 rgb(154,89,53)
```
#a2572d
```
#a2572d rgb(162,87,45)
```
#aa5525
```
#aa5525 rgb(170,85,37)
```
#b2531d
```
#b2531d rgb(178,83,29)
```
#ba5115
```
#ba5115 rgb(186,81,21)
```
#c24e0d
```
#c24e0d rgb(194,78,13)
```
#ca4c05
```
#ca4c05 rgb(202,76,5)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#76655b Atypical Achromatopsia 0.001% of the population

Dichromacy

#807436 Protanopia 1% of men
#906e2a Deuteranopia 1% of men
#b0585e Tritanopia 0.001% of the population

Trichromacy

#8f6830 Protanomaly 1% of men, 0.01% of women
#996528 Deuteranomaly 6% of men, 0.4% of women
#ae5749 Tritanomaly 0.01% of the population

#aa5525 hex color

#aa5525 Color Information

#aa5525 Color Conversion

Color Schemes with #aa5525

Alternatives to #aa5525

#aa5525 Preview

Shades and Tints of #aa5525

Tones of #aa5525

Color Blindness Simulator