#ac5f2c hex color

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

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

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

The hexadecimal color #ac5f2c has RGB values of R:172, G:95, B:44 and CMYK values of C:0, M:0.45, Y:0.74, K:0.33. Its decimal value is 11296556.

Hex triplet	ac5f2c	`#ac5f2c`
RGB Decimal	172, 95, 44	`rgb(172,95,44)`
RGB Percent	67.5, 37.3, 17.3	`rgb(67.5%,37.3%,17.3%)`
CMYK	0, 45, 74, 33
HSL	23.9°, 59.3, 42.4	`hsl(23.9,59.3%,42.4%)`
HSV (or HSB)	23.9°, 74.4, 67.5
Web Safe	996633	`#996633`

CIE-LAB	48.434, 27.204, 41.663
XYZ	21.561, 17.139, 4.555
xyY	0.498, 0.396, 17.139
CIE-LCH	48.434, 49.758, 56.857
CIE-LUV	48.434, 61.203, 37.373
Hunter-Lab	41.399, 20.515, 22.455
Binary	10101100, 01011111, 00101100

#ac5f2c
```
#ac5f2c rgb(172,95,44)
```
#2c79ac
```
#2c79ac rgb(44,121,172)
```

Complementary Color

#ac2c39
```
#ac2c39 rgb(172,44,57)
```
#ac5f2c
```
#ac5f2c rgb(172,95,44)
```
#ac9f2c
```
#ac9f2c rgb(172,159,44)
```

Analogous Color

#2c39ac
```
#2c39ac rgb(44,57,172)
```
#ac5f2c
```
#ac5f2c rgb(172,95,44)
```
#2cac9f
```
#2cac9f rgb(44,172,159)
```

Split Complementary Color

#5f2cac
```
#5f2cac rgb(95,44,172)
```
#ac5f2c
```
#ac5f2c rgb(172,95,44)
```
#2cac5f
```
#2cac5f rgb(44,172,95)
```

Triadic Color

#ac2c79
```
#ac2c79 rgb(172,44,121)
```
#ac5f2c
```
#ac5f2c rgb(172,95,44)
```
#2cac5f
```
#2cac5f rgb(44,172,95)
```
#2c79ac
```
#2c79ac rgb(44,121,172)
```

Tetradic Color

#6f3d1c
```
#6f3d1c rgb(111,61,28)
```
#834922
```
#834922 rgb(131,73,34)
```
#985427
```
#985427 rgb(152,84,39)
```
#ac5f2c
```
#ac5f2c rgb(172,95,44)
```
#c06a31
```
#c06a31 rgb(192,106,49)
```
#ce773e
```
#ce773e rgb(206,119,62)
```
#d38552
```
#d38552 rgb(211,133,82)
```

Monochromatic Color

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

#ac3f2c
```
#ac3f2c rgb(172,63,44)
```
#ac4a2c
```
#ac4a2c rgb(172,74,44)
```
#ac542c
```
#ac542c rgb(172,84,44)
```
#ac5f2c
```
#ac5f2c rgb(172,95,44)
```
#ac6a2c
```
#ac6a2c rgb(172,106,44)
```
#ac742c
```
#ac742c rgb(172,116,44)
```
#ac7f2c
```
#ac7f2c rgb(172,127,44)
```

Similar Colors

Text with hexadecimal color #ac5f2c

This text has a font color of #ac5f2c.

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

#ac5f2c background color

This paragraph has a background color of #ac5f2c.

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

#ac5f2c border color

This element has a border color of #ac5f2c.

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

CSS codes

.text {color:#ac5f2c;}

.background {background-color:#ac5f2c;}

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

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 #fbf4f0 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#100904
```
#100904 rgb(16,9,4)
```
#1f1108
```
#1f1108 rgb(31,17,8)
```
#2f1a0c
```
#2f1a0c rgb(47,26,12)
```
#3f2310
```
#3f2310 rgb(63,35,16)
```
#4e2b14
```
#4e2b14 rgb(78,43,20)
```
#5e3418
```
#5e3418 rgb(94,52,24)
```
#6e3c1c
```
#6e3c1c rgb(110,60,28)
```
#7d4520
```
#7d4520 rgb(125,69,32)
```
#8d4e24
```
#8d4e24 rgb(141,78,36)
```
#9c5628
```
#9c5628 rgb(156,86,40)
```
#ac5f2c
```
#ac5f2c rgb(172,95,44)
```
#bc6830
```
#bc6830 rgb(188,104,48)
```

Shade Color Variation

#cb7034
```
#cb7034 rgb(203,112,52)
```
#cf7b44
```
#cf7b44 rgb(207,123,68)
```
#d38653
```
#d38653 rgb(211,134,83)
```
#d79163
```
#d79163 rgb(215,145,99)
```
#db9c73
```
#db9c73 rgb(219,156,115)
```
#dfa782
```
#dfa782 rgb(223,167,130)
```
#e3b292
```
#e3b292 rgb(227,178,146)
```
#e7bda1
```
#e7bda1 rgb(231,189,161)
```
#ebc8b1
```
#ebc8b1 rgb(235,200,177)
```
#efd3c1
```
#efd3c1 rgb(239,211,193)
```
#f3ded0
```
#f3ded0 rgb(243,222,208)
```
#f7e9e0
```
#f7e9e0 rgb(247,233,224)
```
#fbf4f0
```
#fbf4f0 rgb(251,244,240)
```

Tint Color Variation

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

#726b66
```
#726b66 rgb(114,107,102)
```
#7a695e
```
#7a695e rgb(122,105,94)
```
#826756
```
#826756 rgb(130,103,86)
```
#8b664d
```
#8b664d rgb(139,102,77)
```
#936445
```
#936445 rgb(147,100,69)
```
#9b623d
```
#9b623d rgb(155,98,61)
```
#a46134
```
#a46134 rgb(164,97,52)
```
#ac5f2c
```
#ac5f2c rgb(172,95,44)
```
#b45d24
```
#b45d24 rgb(180,93,36)
```
#bd5c1b
```
#bd5c1b rgb(189,92,27)
```
#c55a13
```
#c55a13 rgb(197,90,19)
```
#cd580b
```
#cd580b rgb(205,88,11)
```
#d65702
```
#d65702 rgb(214,87,2)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7c6d62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877a3c Protanopia 1% of men
#967432 Deuteranopia 1% of men
#b36168 Tritanopia 0.001% of the population

Trichromacy

#947036 Protanomaly 1% of men, 0.01% of women
#9e6c30 Deuteranomaly 6% of men, 0.4% of women
#b06052 Tritanomaly 0.01% of the population

#ac5f2c hex color

#ac5f2c Color Information

#ac5f2c Color Conversion

Color Schemes with #ac5f2c

Alternatives to #ac5f2c

#ac5f2c Preview

Shades and Tints of #ac5f2c

Tones of #ac5f2c

Color Blindness Simulator