#ac5522 hex color

In a RGB color space, hex #ac5522 is composed of 67.5% red, 33.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.6% magenta, 80.2% yellow and 32.5% black. It has a hue angle of 22.2 degrees, a saturation of 67% and a lightness of 40.4%. #ac5522 color hex could be obtained by blending #ffaa44 with #590000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 67
- G 33
- B 13
RGB color chart
- C 0
- M 51
- Y 80
- K 33
CMYK color chart

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

The hexadecimal color #ac5522 has RGB values of R:172, G:85, B:34 and CMYK values of C:0, M:0.51, Y:0.8, K:0.33. Its decimal value is 11293986.

Hex triplet	ac5522	`#ac5522`
RGB Decimal	172, 85, 34	`rgb(172,85,34)`
RGB Percent	67.5, 33.3, 13.3	`rgb(67.5%,33.3%,13.3%)`
CMYK	0, 51, 80, 33
HSL	22.2°, 67, 40.4	`hsl(22.2,67%,40.4%)`
HSV (or HSB)	22.2°, 80.2, 67.5
Web Safe	996633	`#996633`

CIE-LAB	46.157, 32.184, 44.183
XYZ	20.551, 15.385, 3.401
xyY	0.522, 0.391, 15.385
CIE-LCH	46.157, 54.662, 53.93
CIE-LUV	46.157, 69.896, 36.668
Hunter-Lab	39.224, 24.883, 22.316
Binary	10101100, 01010101, 00100010

#ac5522
```
#ac5522 rgb(172,85,34)
```
#2279ac
```
#2279ac rgb(34,121,172)
```

Complementary Color

#ac2234
```
#ac2234 rgb(172,34,52)
```
#ac5522
```
#ac5522 rgb(172,85,34)
```
#ac9a22
```
#ac9a22 rgb(172,154,34)
```

Analogous Color

#2234ac
```
#2234ac rgb(34,52,172)
```
#ac5522
```
#ac5522 rgb(172,85,34)
```
#22ac9a
```
#22ac9a rgb(34,172,154)
```

Split Complementary Color

#5522ac
```
#5522ac rgb(85,34,172)
```
#ac5522
```
#ac5522 rgb(172,85,34)
```
#22ac55
```
#22ac55 rgb(34,172,85)
```

Triadic Color

#ac2279
```
#ac2279 rgb(172,34,121)
```
#ac5522
```
#ac5522 rgb(172,85,34)
```
#22ac55
```
#22ac55 rgb(34,172,85)
```
#2279ac
```
#2279ac rgb(34,121,172)
```

Tetradic Color

#6c3515
```
#6c3515 rgb(108,53,21)
```
#81401a
```
#81401a rgb(129,64,26)
```
#974a1e
```
#974a1e rgb(151,74,30)
```
#ac5522
```
#ac5522 rgb(172,85,34)
```
#c16026
```
#c16026 rgb(193,96,38)
```
#d56a2c
```
#d56a2c rgb(213,106,44)
```
#d97941
```
#d97941 rgb(217,121,65)
```

Monochromatic Color

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

#ac3322
```
#ac3322 rgb(172,51,34)
```
#ac3e22
```
#ac3e22 rgb(172,62,34)
```
#ac4a22
```
#ac4a22 rgb(172,74,34)
```
#ac5522
```
#ac5522 rgb(172,85,34)
```
#ac6122
```
#ac6122 rgb(172,97,34)
```
#ac6c22
```
#ac6c22 rgb(172,108,34)
```
#ac7822
```
#ac7822 rgb(172,120,34)
```

Similar Colors

Text with hexadecimal color #ac5522

This text has a font color of #ac5522.

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

#ac5522 background color

This paragraph has a background color of #ac5522.

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

#ac5522 border color

This element has a border color of #ac5522.

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

CSS codes

.text {color:#ac5522;}

.background {background-color:#ac5522;}

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

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

#080402
```
#080402 rgb(8,4,2)
```
#190c05
```
#190c05 rgb(25,12,5)
```
#291408
```
#291408 rgb(41,20,8)
```
#391c0b
```
#391c0b rgb(57,28,11)
```
#4a240f
```
#4a240f rgb(74,36,15)
```
#5a2d12
```
#5a2d12 rgb(90,45,18)
```
#6a3515
```
#6a3515 rgb(106,53,21)
```
#7b3d18
```
#7b3d18 rgb(123,61,24)
```
#8b451c
```
#8b451c rgb(139,69,28)
```
#9c4d1f
```
#9c4d1f rgb(156,77,31)
```
#ac5522
```
#ac5522 rgb(172,85,34)
```
#bc5d25
```
#bc5d25 rgb(188,93,37)
```
#cd6528
```
#cd6528 rgb(205,101,40)
```

Shade Color Variation

#d76f32
```
#d76f32 rgb(215,111,50)
```
#da7b43
```
#da7b43 rgb(218,123,67)
```
#dd8653
```
#dd8653 rgb(221,134,83)
```
#e09263
```
#e09263 rgb(224,146,99)
```
#e39d74
```
#e39d74 rgb(227,157,116)
```
#e7a984
```
#e7a984 rgb(231,169,132)
```
#eab495
```
#eab495 rgb(234,180,149)
```
#edc0a5
```
#edc0a5 rgb(237,192,165)
```
#f0cbb5
```
#f0cbb5 rgb(240,203,181)
```
#f4d7c6
```
#f4d7c6 rgb(244,215,198)
```
#f7e2d6
```
#f7e2d6 rgb(247,226,214)
```
#faeee6
```
#faeee6 rgb(250,238,230)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,247)
```

Tint Color Variation

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

#6d6661
```
#6d6661 rgb(109,102,97)
```
#756359
```
#756359 rgb(117,99,89)
```
#7c6152
```
#7c6152 rgb(124,97,82)
```
#845f4a
```
#845f4a rgb(132,95,74)
```
#8c5d42
```
#8c5d42 rgb(140,93,66)
```
#945b3a
```
#945b3a rgb(148,91,58)
```
#9c5932
```
#9c5932 rgb(156,89,50)
```
#a4572a
```
#a4572a rgb(164,87,42)
```
#ac5522
```
#ac5522 rgb(172,85,34)
```
#b4531a
```
#b4531a rgb(180,83,26)
```
#bc5112
```
#bc5112 rgb(188,81,18)
```
#c44f0a
```
#c44f0a rgb(196,79,10)
```
#cc4d02
```
#cc4d02 rgb(204,77,2)
```

Tone Color Variation

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

#817533 Protanopia 1% of men
#916f26 Deuteranopia 1% of men
#b2585e Tritanopia 0.001% of the population

Trichromacy

#91692d Protanomaly 1% of men, 0.01% of women
#9a6525 Deuteranomaly 6% of men, 0.4% of women
#b05748 Tritanomaly 0.01% of the population

#ac5522 hex color

#ac5522 Color Information

#ac5522 Color Conversion

Color Schemes with #ac5522

Alternatives to #ac5522

#ac5522 Preview

Shades and Tints of #ac5522

Tones of #ac5522

Color Blindness Simulator