#aa552d hex color

In a RGB color space, hex #aa552d is composed of 66.7% red, 33.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 73.5% yellow and 33.3% black. It has a hue angle of 19.2 degrees, a saturation of 58.1% and a lightness of 42.2%. #aa552d color hex could be obtained by blending #ffaa5a with #550000. Closest websafe color is: #996633.

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

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

The hexadecimal color #aa552d has RGB values of R:170, G:85, B:45 and CMYK values of C:0, M:0.5, Y:0.74, K:0.33. Its decimal value is 11162925.

Hex triplet	aa552d	`#aa552d`
RGB Decimal	170, 85, 45	`rgb(170,85,45)`
RGB Percent	66.7, 33.3, 17.6	`rgb(66.7%,33.3%,17.6%)`
CMYK	0, 50, 74, 33
HSL	19.2°, 58.1, 42.2	`hsl(19.2,58.1%,42.2%)`
HSV (or HSB)	19.2°, 73.5, 66.7
Web Safe	996633	`#996633`

CIE-LAB	45.954, 31.836, 38.424
XYZ	20.3, 15.234, 4.354
xyY	0.509, 0.382, 15.234
CIE-LCH	45.954, 49.899, 50.357
CIE-LUV	45.954, 67.049, 32.992
Hunter-Lab	39.031, 24.535, 20.708
Binary	10101010, 01010101, 00101101

#aa552d
```
#aa552d rgb(170,85,45)
```
#2d82aa
```
#2d82aa rgb(45,130,170)
```

Complementary Color

#aa2d44
```
#aa2d44 rgb(170,45,68)
```
#aa552d
```
#aa552d rgb(170,85,45)
```
#aa942d
```
#aa942d rgb(170,148,45)
```

Analogous Color

#2d44aa
```
#2d44aa rgb(45,68,170)
```
#aa552d
```
#aa552d rgb(170,85,45)
```
#2daa94
```
#2daa94 rgb(45,170,148)
```

Split Complementary Color

#552daa
```
#552daa rgb(85,45,170)
```
#aa552d
```
#aa552d rgb(170,85,45)
```
#2daa55
```
#2daa55 rgb(45,170,85)
```

Triadic Color

#aa2d82
```
#aa2d82 rgb(170,45,130)
```
#aa552d
```
#aa552d rgb(170,85,45)
```
#2daa55
```
#2daa55 rgb(45,170,85)
```
#2d82aa
```
#2d82aa rgb(45,130,170)
```

Tetradic Color

#6e371d
```
#6e371d rgb(110,55,29)
```
#824122
```
#824122 rgb(130,65,34)
```
#964b28
```
#964b28 rgb(150,75,40)
```
#aa552d
```
#aa552d rgb(170,85,45)
```
#be5f32
```
#be5f32 rgb(190,95,50)
```
#cc6b3e
```
#cc6b3e rgb(204,107,62)
```
#d17b52
```
#d17b52 rgb(209,123,82)
```

Monochromatic Color

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

#aa362d
```
#aa362d rgb(170,54,45)
```
#aa402d
```
#aa402d rgb(170,64,45)
```
#aa4b2d
```
#aa4b2d rgb(170,75,45)
```
#aa552d
```
#aa552d rgb(170,85,45)
```
#aa5f2d
```
#aa5f2d rgb(170,95,45)
```
#aa6a2d
```
#aa6a2d rgb(170,106,45)
```
#aa742d
```
#aa742d rgb(170,116,45)
```

Similar Colors

Text with hexadecimal color #aa552d

This text has a font color of #aa552d.

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

#aa552d background color

This paragraph has a background color of #aa552d.

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

#aa552d border color

This element has a border color of #aa552d.

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

CSS codes

.text {color:#aa552d;}

.background {background-color:#aa552d;}

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

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

#0f0704
```
#0f0704 rgb(15,7,4)
```
#1e0f08
```
#1e0f08 rgb(30,15,8)
```
#2e170c
```
#2e170c rgb(46,23,12)
```
#3d1f10
```
#3d1f10 rgb(61,31,16)
```
#4d2614
```
#4d2614 rgb(77,38,20)
```
#5c2e18
```
#5c2e18 rgb(92,46,24)
```
#6c361d
```
#6c361d rgb(108,54,29)
```
#7b3e21
```
#7b3e21 rgb(123,62,33)
```
#8b4525
```
#8b4525 rgb(139,69,37)
```
#9a4d29
```
#9a4d29 rgb(154,77,41)
```
#aa552d
```
#aa552d rgb(170,85,45)
```
#ba5d31
```
#ba5d31 rgb(186,93,49)
```
#c96535
```
#c96535 rgb(201,101,53)
```

Shade Color Variation

#ce7044
```
#ce7044 rgb(206,112,68)
```
#d27c54
```
#d27c54 rgb(210,124,84)
```
#d68863
```
#d68863 rgb(214,136,99)
```
#da9473
```
#da9473 rgb(218,148,115)
```
#dea082
```
#dea082 rgb(222,160,130)
```
#e2ac92
```
#e2ac92 rgb(226,172,146)
```
#e6b7a1
```
#e6b7a1 rgb(230,183,161)
```
#eac3b1
```
#eac3b1 rgb(234,195,177)
```
#eecfc0
```
#eecfc0 rgb(238,207,192)
```
#f3dbd0
```
#f3dbd0 rgb(243,219,208)
```
#f7e7df
```
#f7e7df rgb(247,231,223)
```
#fbf3ef
```
#fbf3ef rgb(251,243,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#706a67
```
#706a67 rgb(112,106,103)
```
#78675f
```
#78675f rgb(120,103,95)
```
#816456
```
#816456 rgb(129,100,86)
```
#89614e
```
#89614e rgb(137,97,78)
```
#915e46
```
#915e46 rgb(145,94,70)
```
#995b3e
```
#995b3e rgb(153,91,62)
```
#a25835
```
#a25835 rgb(162,88,53)
```
#aa552d
```
#aa552d rgb(170,85,45)
```
#b25225
```
#b25225 rgb(178,82,37)
```
#bb4f1c
```
#bb4f1c rgb(187,79,28)
```
#c34c14
```
#c34c14 rgb(195,76,20)
```
#cb490c
```
#cb490c rgb(203,73,12)
```
#d34604
```
#d34604 rgb(211,70,4)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#77665e Atypical Achromatopsia 0.001% of the population

Dichromacy

#80743e Protanopia 1% of men
#8f6f32 Deuteranopia 1% of men
#b0595e Tritanopia 0.001% of the population

Trichromacy

#8f6938 Protanomaly 1% of men, 0.01% of women
#996530 Deuteranomaly 6% of men, 0.4% of women
#ae574c Tritanomaly 0.01% of the population

#aa552d hex color

#aa552d Color Information

#aa552d Color Conversion

Color Schemes with #aa552d

Alternatives to #aa552d

#aa552d Preview

Shades and Tints of #aa552d

Tones of #aa552d

Color Blindness Simulator