#ac5f31 hex color

In a RGB color space, hex #ac5f31 is composed of 67.5% red, 37.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.8% magenta, 71.5% yellow and 32.5% black. It has a hue angle of 22.4 degrees, a saturation of 55.7% and a lightness of 43.3%. #ac5f31 color hex could be obtained by blending #ffbe62 with #590000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 67
- G 37
- B 19
RGB color chart
- C 0
- M 45
- Y 72
- K 33
CMYK color chart

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

The hexadecimal color #ac5f31 has RGB values of R:172, G:95, B:49 and CMYK values of C:0, M:0.45, Y:0.72, K:0.33. Its decimal value is 11296561.

Hex triplet	ac5f31	`#ac5f31`
RGB Decimal	172, 95, 49	`rgb(172,95,49)`
RGB Percent	67.5, 37.3, 19.2	`rgb(67.5%,37.3%,19.2%)`
CMYK	0, 45, 72, 33
HSL	22.4°, 55.7, 43.3	`hsl(22.4,55.7%,43.3%)`
HSV (or HSB)	22.4°, 71.5, 67.5
Web Safe	996633	`#996633`

CIE-LAB	48.484, 27.458, 39.177
XYZ	21.66, 17.179, 5.081
xyY	0.493, 0.391, 17.179
CIE-LCH	48.484, 47.841, 54.974
CIE-LUV	48.484, 60.684, 35.612
Hunter-Lab	41.447, 20.753, 21.745
Binary	10101100, 01011111, 00110001

#ac5f31
```
#ac5f31 rgb(172,95,49)
```
#317eac
```
#317eac rgb(49,126,172)
```

Complementary Color

#ac3141
```
#ac3141 rgb(172,49,65)
```
#ac5f31
```
#ac5f31 rgb(172,95,49)
```
#ac9d31
```
#ac9d31 rgb(172,157,49)
```

Analogous Color

#3141ac
```
#3141ac rgb(49,65,172)
```
#ac5f31
```
#ac5f31 rgb(172,95,49)
```
#31ac9d
```
#31ac9d rgb(49,172,157)
```

Split Complementary Color

#5f31ac
```
#5f31ac rgb(95,49,172)
```
#ac5f31
```
#ac5f31 rgb(172,95,49)
```
#31ac5f
```
#31ac5f rgb(49,172,95)
```

Triadic Color

#ac317e
```
#ac317e rgb(172,49,126)
```
#ac5f31
```
#ac5f31 rgb(172,95,49)
```
#31ac5f
```
#31ac5f rgb(49,172,95)
```
#317eac
```
#317eac rgb(49,126,172)
```

Tetradic Color

#703e20
```
#703e20 rgb(112,62,32)
```
#844926
```
#844926 rgb(132,73,38)
```
#98542b
```
#98542b rgb(152,84,43)
```
#ac5f31
```
#ac5f31 rgb(172,95,49)
```
#c06a37
```
#c06a37 rgb(192,106,55)
```
#ca7746
```
#ca7746 rgb(202,119,70)
```
#d0865a
```
#d0865a rgb(208,134,90)
```

Monochromatic Color

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

#ac4031
```
#ac4031 rgb(172,64,49)
```
#ac4b31
```
#ac4b31 rgb(172,75,49)
```
#ac5531
```
#ac5531 rgb(172,85,49)
```
#ac5f31
```
#ac5f31 rgb(172,95,49)
```
#ac6931
```
#ac6931 rgb(172,105,49)
```
#ac7431
```
#ac7431 rgb(172,116,49)
```
#ac7e31
```
#ac7e31 rgb(172,126,49)
```

Similar Colors

Text with hexadecimal color #ac5f31

This text has a font color of #ac5f31.

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

#ac5f31 background color

This paragraph has a background color of #ac5f31.

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

#ac5f31 border color

This element has a border color of #ac5f31.

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

CSS codes

.text {color:#ac5f31;}

.background {background-color:#ac5f31;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#130b06
```
#130b06 rgb(19,11,6)
```
#23130a
```
#23130a rgb(35,19,10)
```
#321c0e
```
#321c0e rgb(50,28,14)
```
#412413
```
#412413 rgb(65,36,19)
```
#502c17
```
#502c17 rgb(80,44,23)
```
#60351b
```
#60351b rgb(96,53,27)
```
#6f3d20
```
#6f3d20 rgb(111,61,32)
```
#7e4624
```
#7e4624 rgb(126,70,36)
```
#8d4e28
```
#8d4e28 rgb(141,78,40)
```
#9d572d
```
#9d572d rgb(157,87,45)
```
#ac5f31
```
#ac5f31 rgb(172,95,49)
```
#bb6735
```
#bb6735 rgb(187,103,53)
```

Shade Color Variation

#c8713d
```
#c8713d rgb(200,113,61)
```
#cc7c4c
```
#cc7c4c rgb(204,124,76)
```
#d0875b
```
#d0875b rgb(208,135,91)
```
#d5926a
```
#d5926a rgb(213,146,106)
```
#d99d7a
```
#d99d7a rgb(217,157,122)
```
#dda989
```
#dda989 rgb(221,169,137)
```
#e2b498
```
#e2b498 rgb(226,180,152)
```
#e6bfa7
```
#e6bfa7 rgb(230,191,167)
```
#eacab7
```
#eacab7 rgb(234,202,183)
```
#efd5c6
```
#efd5c6 rgb(239,213,198)
```
#f3e0d5
```
#f3e0d5 rgb(243,224,213)
```
#f7ece5
```
#f7ece5 rgb(247,236,229)
```
#fcf7f4
```
#fcf7f4 rgb(252,247,244)
```

Tint Color Variation

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

#716e6d
```
#716e6d rgb(113,110,109)
```
#796c64
```
#796c64 rgb(121,108,100)
```
#826a5c
```
#826a5c rgb(130,106,92)
```
#8a6853
```
#8a6853 rgb(138,104,83)
```
#93654b
```
#93654b rgb(147,101,75)
```
#9b6342
```
#9b6342 rgb(155,99,66)
```
#a4613a
```
#a4613a rgb(164,97,58)
```
#ac5f31
```
#ac5f31 rgb(172,95,49)
```
#b55d29
```
#b55d29 rgb(181,93,41)
```
#bd5b20
```
#bd5b20 rgb(189,91,32)
```
#c65918
```
#c65918 rgb(198,89,24)
```
#ce560f
```
#ce560f rgb(206,86,15)
```
#d75406
```
#d75406 rgb(215,84,6)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#7d6d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a41 Protanopia 1% of men
#967437 Deuteranopia 1% of men
#b36268 Tritanopia 0.001% of the population

Trichromacy

#94703b Protanomaly 1% of men, 0.01% of women
#9e6c35 Deuteranomaly 6% of men, 0.4% of women
#b06154 Tritanomaly 0.01% of the population

#ac5f31 hex color

#ac5f31 Color Information

#ac5f31 Color Conversion

Color Schemes with #ac5f31

Alternatives to #ac5f31

#ac5f31 Preview

Shades and Tints of #ac5f31

Tones of #ac5f31

Color Blindness Simulator