#ac522c hex color

In a RGB color space, hex #ac522c is composed of 67.5% red, 32.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.3% magenta, 74.4% yellow and 32.5% black. It has a hue angle of 17.8 degrees, a saturation of 59.3% and a lightness of 42.4%. #ac522c color hex could be obtained by blending #ffa458 with #590000. Closest websafe color is: #996633.

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

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

The hexadecimal color #ac522c has RGB values of R:172, G:82, B:44 and CMYK values of C:0, M:0.52, Y:0.74, K:0.33. Its decimal value is 11293228.

Hex triplet	ac522c	`#ac522c`
RGB Decimal	172, 82, 44	`rgb(172,82,44)`
RGB Percent	67.5, 32.2, 17.3	`rgb(67.5%,32.2%,17.3%)`
CMYK	0, 52, 74, 33
HSL	17.8°, 59.3, 42.4	`hsl(17.8,59.3%,42.4%)`
HSV (or HSB)	17.8°, 74.4, 67.5
Web Safe	996633	`#996633`

CIE-LAB	45.619, 34.185, 38.679
XYZ	20.486, 14.989, 4.197
xyY	0.516, 0.378, 14.989
CIE-LCH	45.619, 51.62, 48.53
CIE-LUV	45.619, 71.094, 32.448
Hunter-Lab	38.716, 26.699, 20.673
Binary	10101100, 01010010, 00101100

#ac522c
```
#ac522c rgb(172,82,44)
```
#2c86ac
```
#2c86ac rgb(44,134,172)
```

Complementary Color

#ac2c46
```
#ac2c46 rgb(172,44,70)
```
#ac522c
```
#ac522c rgb(172,82,44)
```
#ac922c
```
#ac922c rgb(172,146,44)
```

Analogous Color

#2c46ac
```
#2c46ac rgb(44,70,172)
```
#ac522c
```
#ac522c rgb(172,82,44)
```
#2cac92
```
#2cac92 rgb(44,172,146)
```

Split Complementary Color

#522cac
```
#522cac rgb(82,44,172)
```
#ac522c
```
#ac522c rgb(172,82,44)
```
#2cac52
```
#2cac52 rgb(44,172,82)
```

Triadic Color

#ac2c86
```
#ac2c86 rgb(172,44,134)
```
#ac522c
```
#ac522c rgb(172,82,44)
```
#2cac52
```
#2cac52 rgb(44,172,82)
```
#2c86ac
```
#2c86ac rgb(44,134,172)
```

Tetradic Color

#6f351c
```
#6f351c rgb(111,53,28)
```
#833f22
```
#833f22 rgb(131,63,34)
```
#984827
```
#984827 rgb(152,72,39)
```
#ac522c
```
#ac522c rgb(172,82,44)
```
#c05c31
```
#c05c31 rgb(192,92,49)
```
#ce683e
```
#ce683e rgb(206,104,62)
```
#d37852
```
#d37852 rgb(211,120,82)
```

Monochromatic Color

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

#ac322c
```
#ac322c rgb(172,50,44)
```
#ac3d2c
```
#ac3d2c rgb(172,61,44)
```
#ac472c
```
#ac472c rgb(172,71,44)
```
#ac522c
```
#ac522c rgb(172,82,44)
```
#ac5d2c
```
#ac5d2c rgb(172,93,44)
```
#ac672c
```
#ac672c rgb(172,103,44)
```
#ac722c
```
#ac722c rgb(172,114,44)
```

Similar Colors

Text with hexadecimal color #ac522c

This text has a font color of #ac522c.

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

#ac522c background color

This paragraph has a background color of #ac522c.

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

#ac522c border color

This element has a border color of #ac522c.

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

CSS codes

.text {color:#ac522c;}

.background {background-color:#ac522c;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100804
```
#100804 rgb(16,8,4)
```
#1f0f08
```
#1f0f08 rgb(31,15,8)
```
#2f160c
```
#2f160c rgb(47,22,12)
```
#3f1e10
```
#3f1e10 rgb(63,30,16)
```
#4e2514
```
#4e2514 rgb(78,37,20)
```
#5e2d18
```
#5e2d18 rgb(94,45,24)
```
#6e341c
```
#6e341c rgb(110,52,28)
```
#7d3c20
```
#7d3c20 rgb(125,60,32)
```
#8d4324
```
#8d4324 rgb(141,67,36)
```
#9c4b28
```
#9c4b28 rgb(156,75,40)
```
#ac522c
```
#ac522c rgb(172,82,44)
```
#bc5930
```
#bc5930 rgb(188,89,48)
```

Shade Color Variation

#cb6134
```
#cb6134 rgb(203,97,52)
```
#cf6d44
```
#cf6d44 rgb(207,109,68)
```
#d37953
```
#d37953 rgb(211,121,83)
```
#d78563
```
#d78563 rgb(215,133,99)
```
#db9273
```
#db9273 rgb(219,146,115)
```
#df9e82
```
#df9e82 rgb(223,158,130)
```
#e3aa92
```
#e3aa92 rgb(227,170,146)
```
#e7b6a1
```
#e7b6a1 rgb(231,182,161)
```
#ebc2b1
```
#ebc2b1 rgb(235,194,177)
```
#efcec1
```
#efcec1 rgb(239,206,193)
```
#f3dbd0
```
#f3dbd0 rgb(243,219,208)
```
#f7e7e0
```
#f7e7e0 rgb(247,231,224)
```
#fbf3f0
```
#fbf3f0 rgb(251,243,240)
```

Tint Color Variation

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

#726a66
```
#726a66 rgb(114,106,102)
```
#7a665e
```
#7a665e rgb(122,102,94)
```
#826356
```
#826356 rgb(130,99,86)
```
#8b604d
```
#8b604d rgb(139,96,77)
```
#935c45
```
#935c45 rgb(147,92,69)
```
#9b593d
```
#9b593d rgb(155,89,61)
```
#a45534
```
#a45534 rgb(164,85,52)
```
#ac522c
```
#ac522c rgb(172,82,44)
```
#b44f24
```
#b44f24 rgb(180,79,36)
```
#bd4b1b
```
#bd4b1b rgb(189,75,27)
```
#c54813
```
#c54813 rgb(197,72,19)
```
#cd450b
```
#cd450b rgb(205,69,11)
```
#d64102
```
#d64102 rgb(214,65,2)
```

Tone Color Variation

Below, you can see how #ac522c 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
#76645d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f733e Protanopia 1% of men
#8e6e31 Deuteranopia 1% of men
#b2565c Tritanopia 0.001% of the population

Trichromacy

#8f6737 Protanomaly 1% of men, 0.01% of women
#99642f Deuteranomaly 6% of men, 0.4% of women
#af544a Tritanomaly 0.01% of the population

#ac522c hex color

#ac522c Color Information

#ac522c Color Conversion

Color Schemes with #ac522c

Alternatives to #ac522c

#ac522c Preview

Shades and Tints of #ac522c

Tones of #ac522c

Color Blindness Simulator