#ac522f hex color

In a RGB color space, hex #ac522f is composed of 67.5% red, 32.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.3% magenta, 72.7% yellow and 32.5% black. It has a hue angle of 16.8 degrees, a saturation of 57.1% and a lightness of 42.9%. #ac522f color hex could be obtained by blending #ffa45e with #590000. Closest websafe color is: #996633.

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

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

The hexadecimal color #ac522f has RGB values of R:172, G:82, B:47 and CMYK values of C:0, M:0.52, Y:0.73, K:0.33. Its decimal value is 11293231.

Hex triplet	ac522f	`#ac522f`
RGB Decimal	172, 82, 47	`rgb(172,82,47)`
RGB Percent	67.5, 32.2, 18.4	`rgb(67.5%,32.2%,18.4%)`
CMYK	0, 52, 73, 33
HSL	16.8°, 57.1, 42.9	`hsl(16.8,57.1%,42.9%)`
HSV (or HSB)	16.8°, 72.7, 67.5
Web Safe	996633	`#996633`

CIE-LAB	45.651, 34.331, 37.121
XYZ	20.544, 15.012, 4.505
xyY	0.513, 0.375, 15.012
CIE-LCH	45.651, 50.563, 47.236
CIE-LUV	45.651, 70.71, 31.357
Hunter-Lab	38.746, 26.842, 20.228
Binary	10101100, 01010010, 00101111

#ac522f
```
#ac522f rgb(172,82,47)
```
#2f89ac
```
#2f89ac rgb(47,137,172)
```

Complementary Color

#ac2f4b
```
#ac2f4b rgb(172,47,75)
```
#ac522f
```
#ac522f rgb(172,82,47)
```
#ac912f
```
#ac912f rgb(172,145,47)
```

Analogous Color

#2f4bac
```
#2f4bac rgb(47,75,172)
```
#ac522f
```
#ac522f rgb(172,82,47)
```
#2fac91
```
#2fac91 rgb(47,172,145)
```

Split Complementary Color

#522fac
```
#522fac rgb(82,47,172)
```
#ac522f
```
#ac522f rgb(172,82,47)
```
#2fac52
```
#2fac52 rgb(47,172,82)
```

Triadic Color

#ac2f89
```
#ac2f89 rgb(172,47,137)
```
#ac522f
```
#ac522f rgb(172,82,47)
```
#2fac52
```
#2fac52 rgb(47,172,82)
```
#2f89ac
```
#2f89ac rgb(47,137,172)
```

Tetradic Color

#70351f
```
#70351f rgb(112,53,31)
```
#843f24
```
#843f24 rgb(132,63,36)
```
#98482a
```
#98482a rgb(152,72,42)
```
#ac522f
```
#ac522f rgb(172,82,47)
```
#c05c34
```
#c05c34 rgb(192,92,52)
```
#cb6943
```
#cb6943 rgb(203,105,67)
```
#d17957
```
#d17957 rgb(209,121,87)
```

Monochromatic Color

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

#ac332f
```
#ac332f rgb(172,51,47)
```
#ac3d2f
```
#ac3d2f rgb(172,61,47)
```
#ac482f
```
#ac482f rgb(172,72,47)
```
#ac522f
```
#ac522f rgb(172,82,47)
```
#ac5c2f
```
#ac5c2f rgb(172,92,47)
```
#ac672f
```
#ac672f rgb(172,103,47)
```
#ac712f
```
#ac712f rgb(172,113,47)
```

Similar Colors

Text with hexadecimal color #ac522f

This text has a font color of #ac522f.

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

#ac522f background color

This paragraph has a background color of #ac522f.

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

#ac522f border color

This element has a border color of #ac522f.

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

CSS codes

.text {color:#ac522f;}

.background {background-color:#ac522f;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120905
```
#120905 rgb(18,9,5)
```
#211009
```
#211009 rgb(33,16,9)
```
#31170d
```
#31170d rgb(49,23,13)
```
#401f12
```
#401f12 rgb(64,31,18)
```
#502616
```
#502616 rgb(80,38,22)
```
#5f2d1a
```
#5f2d1a rgb(95,45,26)
```
#6e351e
```
#6e351e rgb(110,53,30)
```
#7e3c22
```
#7e3c22 rgb(126,60,34)
```
#8d4327
```
#8d4327 rgb(141,67,39)
```
#9d4b2b
```
#9d4b2b rgb(157,75,43)
```
#ac522f
```
#ac522f rgb(172,82,47)
```
#bb5933
```
#bb5933 rgb(187,89,51)
```

Shade Color Variation

#c96239
```
#c96239 rgb(201,98,57)
```
#cd6e49
```
#cd6e49 rgb(205,110,73)
```
#d17a58
```
#d17a58 rgb(209,122,88)
```
#d68667
```
#d68667 rgb(214,134,103)
```
#da9377
```
#da9377 rgb(218,147,119)
```
#de9f86
```
#de9f86 rgb(222,159,134)
```
#e2ab96
```
#e2ab96 rgb(226,171,150)
```
#e6b7a5
```
#e6b7a5 rgb(230,183,165)
```
#ebc4b5
```
#ebc4b5 rgb(235,196,181)
```
#efd0c4
```
#efd0c4 rgb(239,208,196)
```
#f3dcd3
```
#f3dcd3 rgb(243,220,211)
```
#f7e8e3
```
#f7e8e3 rgb(247,232,227)
```
#fbf5f2
```
#fbf5f2 rgb(251,245,242)
```

Tint Color Variation

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

#716c6a
```
#716c6a rgb(113,108,106)
```
#796862
```
#796862 rgb(121,104,98)
```
#826559
```
#826559 rgb(130,101,89)
```
#8a6151
```
#8a6151 rgb(138,97,81)
```
#935d48
```
#935d48 rgb(147,93,72)
```
#9b5940
```
#9b5940 rgb(155,89,64)
```
#a45637
```
#a45637 rgb(164,86,55)
```
#ac522f
```
#ac522f rgb(172,82,47)
```
#b44e27
```
#b44e27 rgb(180,78,39)
```
#bd4b1e
```
#bd4b1e rgb(189,75,30)
```
#c54716
```
#c54716 rgb(197,71,22)
```
#ce430d
```
#ce430d rgb(206,67,13)
```
#d63f05
```
#d63f05 rgb(214,63,5)
```

Tone Color Variation

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

#7e7341 Protanopia 1% of men
#8e6e34 Deuteranopia 1% of men
#b2565c Tritanopia 0.001% of the population

Trichromacy

#8f673a Protanomaly 1% of men, 0.01% of women
#996432 Deuteranomaly 6% of men, 0.4% of women
#af554b Tritanomaly 0.01% of the population

#ac522f hex color

#ac522f Color Information

#ac522f Color Conversion

Color Schemes with #ac522f

Alternatives to #ac522f

#ac522f Preview

Shades and Tints of #ac522f

Tones of #ac522f

Color Blindness Simulator