#ac5a22 hex color

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

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

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

The hexadecimal color #ac5a22 has RGB values of R:172, G:90, B:34 and CMYK values of C:0, M:0.48, Y:0.8, K:0.33. Its decimal value is 11295266.

Hex triplet	ac5a22	`#ac5a22`
RGB Decimal	172, 90, 34	`rgb(172,90,34)`
RGB Percent	67.5, 35.3, 13.3	`rgb(67.5%,35.3%,13.3%)`
CMYK	0, 48, 80, 33
HSL	24.3°, 67, 40.4	`hsl(24.3,67%,40.4%)`
HSV (or HSB)	24.3°, 80.2, 67.5
Web Safe	996633	`#996633`

CIE-LAB	47.236, 29.504, 45.216
XYZ	20.959, 16.2, 3.537
xyY	0.515, 0.398, 16.2
CIE-LCH	47.236, 53.99, 56.875
CIE-LUV	47.236, 66.006, 38.49
Hunter-Lab	40.25, 22.512, 22.965
Binary	10101100, 01011010, 00100010

#ac5a22
```
#ac5a22 rgb(172,90,34)
```
#2274ac
```
#2274ac rgb(34,116,172)
```

Complementary Color

#ac222f
```
#ac222f rgb(172,34,47)
```
#ac5a22
```
#ac5a22 rgb(172,90,34)
```
#ac9f22
```
#ac9f22 rgb(172,159,34)
```

Analogous Color

#222fac
```
#222fac rgb(34,47,172)
```
#ac5a22
```
#ac5a22 rgb(172,90,34)
```
#22ac9f
```
#22ac9f rgb(34,172,159)
```

Split Complementary Color

#5a22ac
```
#5a22ac rgb(90,34,172)
```
#ac5a22
```
#ac5a22 rgb(172,90,34)
```
#22ac5a
```
#22ac5a rgb(34,172,90)
```

Triadic Color

#ac2274
```
#ac2274 rgb(172,34,116)
```
#ac5a22
```
#ac5a22 rgb(172,90,34)
```
#22ac5a
```
#22ac5a rgb(34,172,90)
```
#2274ac
```
#2274ac rgb(34,116,172)
```

Tetradic Color

#6c3915
```
#6c3915 rgb(108,57,21)
```
#81441a
```
#81441a rgb(129,68,26)
```
#974f1e
```
#974f1e rgb(151,79,30)
```
#ac5a22
```
#ac5a22 rgb(172,90,34)
```
#c16526
```
#c16526 rgb(193,101,38)
```
#d5712c
```
#d5712c rgb(213,113,44)
```
#d97f41
```
#d97f41 rgb(217,127,65)
```

Monochromatic Color

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

#ac3822
```
#ac3822 rgb(172,56,34)
```
#ac4322
```
#ac4322 rgb(172,67,34)
```
#ac4f22
```
#ac4f22 rgb(172,79,34)
```
#ac5a22
```
#ac5a22 rgb(172,90,34)
```
#ac6622
```
#ac6622 rgb(172,102,34)
```
#ac7122
```
#ac7122 rgb(172,113,34)
```
#ac7d22
```
#ac7d22 rgb(172,125,34)
```

Similar Colors

Text with hexadecimal color #ac5a22

This text has a font color of #ac5a22.

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

#ac5a22 background color

This paragraph has a background color of #ac5a22.

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

#ac5a22 border color

This element has a border color of #ac5a22.

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

CSS codes

.text {color:#ac5a22;}

.background {background-color:#ac5a22;}

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

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)
```
#190d05
```
#190d05 rgb(25,13,5)
```
#291508
```
#291508 rgb(41,21,8)
```
#391e0b
```
#391e0b rgb(57,30,11)
```
#4a270f
```
#4a270f rgb(74,39,15)
```
#5a2f12
```
#5a2f12 rgb(90,47,18)
```
#6a3815
```
#6a3815 rgb(106,56,21)
```
#7b4018
```
#7b4018 rgb(123,64,24)
```
#8b491c
```
#8b491c rgb(139,73,28)
```
#9c511f
```
#9c511f rgb(156,81,31)
```
#ac5a22
```
#ac5a22 rgb(172,90,34)
```
#bc6325
```
#bc6325 rgb(188,99,37)
```
#cd6b28
```
#cd6b28 rgb(205,107,40)
```

Shade Color Variation

#d77532
```
#d77532 rgb(215,117,50)
```
#da8043
```
#da8043 rgb(218,128,67)
```
#dd8b53
```
#dd8b53 rgb(221,139,83)
```
#e09663
```
#e09663 rgb(224,150,99)
```
#e3a174
```
#e3a174 rgb(227,161,116)
```
#e7ac84
```
#e7ac84 rgb(231,172,132)
```
#eab795
```
#eab795 rgb(234,183,149)
```
#edc2a5
```
#edc2a5 rgb(237,194,165)
```
#f0cdb5
```
#f0cdb5 rgb(240,205,181)
```
#f4d8c6
```
#f4d8c6 rgb(244,216,198)
```
#f7e3d6
```
#f7e3d6 rgb(247,227,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 #cc5402 is the most saturated one.

#6d6661
```
#6d6661 rgb(109,102,97)
```
#756459
```
#756459 rgb(117,100,89)
```
#7c6352
```
#7c6352 rgb(124,99,82)
```
#84614a
```
#84614a rgb(132,97,74)
```
#8c6042
```
#8c6042 rgb(140,96,66)
```
#945e3a
```
#945e3a rgb(148,94,58)
```
#9c5d32
```
#9c5d32 rgb(156,93,50)
```
#a45b2a
```
#a45b2a rgb(164,91,42)
```
#ac5a22
```
#ac5a22 rgb(172,90,34)
```
#b4591a
```
#b4591a rgb(180,89,26)
```
#bc5712
```
#bc5712 rgb(188,87,18)
```
#c4560a
```
#c4560a rgb(196,86,10)
```
#cc5402
```
#cc5402 rgb(204,84,2)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#79685d Atypical Achromatopsia 0.001% of the population

Dichromacy

#847733 Protanopia 1% of men
#947127 Deuteranopia 1% of men
#b35d62 Tritanopia 0.001% of the population

Trichromacy

#926c2c Protanomaly 1% of men, 0.01% of women
#9c6925 Deuteranomaly 6% of men, 0.4% of women
#b05b4b Tritanomaly 0.01% of the population

#ac5a22 hex color

#ac5a22 Color Information

#ac5a22 Color Conversion

Color Schemes with #ac5a22

Alternatives to #ac5a22

#ac5a22 Preview

Shades and Tints of #ac5a22

Tones of #ac5a22

Color Blindness Simulator