#ac5a2f hex color

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

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

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

The hexadecimal color #ac5a2f has RGB values of R:172, G:90, B:47 and CMYK values of C:0, M:0.48, Y:0.73, K:0.33. Its decimal value is 11295279.

Hex triplet	ac5a2f	`#ac5a2f`
RGB Decimal	172, 90, 47	`rgb(172,90,47)`
RGB Percent	67.5, 35.3, 18.4	`rgb(67.5%,35.3%,18.4%)`
CMYK	0, 48, 73, 33
HSL	20.6°, 57.1, 42.9	`hsl(20.6,57.1%,42.9%)`
HSV (or HSB)	20.6°, 72.7, 67.5
Web Safe	996633	`#996633`

CIE-LAB	47.353, 30.075, 38.982
XYZ	21.183, 16.29, 4.718
xyY	0.502, 0.386, 16.29
CIE-LCH	47.353, 49.235, 52.349
CIE-LUV	47.353, 64.707, 34.385
Hunter-Lab	40.361, 23.053, 21.322
Binary	10101100, 01011010, 00101111

#ac5a2f
```
#ac5a2f rgb(172,90,47)
```
#2f81ac
```
#2f81ac rgb(47,129,172)
```

Complementary Color

#ac2f43
```
#ac2f43 rgb(172,47,67)
```
#ac5a2f
```
#ac5a2f rgb(172,90,47)
```
#ac992f
```
#ac992f rgb(172,153,47)
```

Analogous Color

#2f43ac
```
#2f43ac rgb(47,67,172)
```
#ac5a2f
```
#ac5a2f rgb(172,90,47)
```
#2fac99
```
#2fac99 rgb(47,172,153)
```

Split Complementary Color

#5a2fac
```
#5a2fac rgb(90,47,172)
```
#ac5a2f
```
#ac5a2f rgb(172,90,47)
```
#2fac5a
```
#2fac5a rgb(47,172,90)
```

Triadic Color

#ac2f81
```
#ac2f81 rgb(172,47,129)
```
#ac5a2f
```
#ac5a2f rgb(172,90,47)
```
#2fac5a
```
#2fac5a rgb(47,172,90)
```
#2f81ac
```
#2f81ac rgb(47,129,172)
```

Tetradic Color

#703b1f
```
#703b1f rgb(112,59,31)
```
#844524
```
#844524 rgb(132,69,36)
```
#98502a
```
#98502a rgb(152,80,42)
```
#ac5a2f
```
#ac5a2f rgb(172,90,47)
```
#c06434
```
#c06434 rgb(192,100,52)
```
#cb7243
```
#cb7243 rgb(203,114,67)
```
#d18157
```
#d18157 rgb(209,129,87)
```

Monochromatic Color

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

#ac3b2f
```
#ac3b2f rgb(172,59,47)
```
#ac452f
```
#ac452f rgb(172,69,47)
```
#ac502f
```
#ac502f rgb(172,80,47)
```
#ac5a2f
```
#ac5a2f rgb(172,90,47)
```
#ac642f
```
#ac642f rgb(172,100,47)
```
#ac6f2f
```
#ac6f2f rgb(172,111,47)
```
#ac792f
```
#ac792f rgb(172,121,47)
```

Similar Colors

Text with hexadecimal color #ac5a2f

This text has a font color of #ac5a2f.

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

#ac5a2f background color

This paragraph has a background color of #ac5a2f.

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

#ac5a2f border color

This element has a border color of #ac5a2f.

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

CSS codes

.text {color:#ac5a2f;}

.background {background-color:#ac5a2f;}

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

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)
```
#211109
```
#211109 rgb(33,17,9)
```
#311a0d
```
#311a0d rgb(49,26,13)
```
#402212
```
#402212 rgb(64,34,18)
```
#502a16
```
#502a16 rgb(80,42,22)
```
#5f321a
```
#5f321a rgb(95,50,26)
```
#6e3a1e
```
#6e3a1e rgb(110,58,30)
```
#7e4222
```
#7e4222 rgb(126,66,34)
```
#8d4a27
```
#8d4a27 rgb(141,74,39)
```
#9d522b
```
#9d522b rgb(157,82,43)
```
#ac5a2f
```
#ac5a2f rgb(172,90,47)
```
#bb6233
```
#bb6233 rgb(187,98,51)
```

Shade Color Variation

#c96b39
```
#c96b39 rgb(201,107,57)
```
#cd7649
```
#cd7649 rgb(205,118,73)
```
#d18258
```
#d18258 rgb(209,130,88)
```
#d68d67
```
#d68d67 rgb(214,141,103)
```
#da9977
```
#da9977 rgb(218,153,119)
```
#dea486
```
#dea486 rgb(222,164,134)
```
#e2b096
```
#e2b096 rgb(226,176,150)
```
#e6bca5
```
#e6bca5 rgb(230,188,165)
```
#ebc7b5
```
#ebc7b5 rgb(235,199,181)
```
#efd3c4
```
#efd3c4 rgb(239,211,196)
```
#f3ded3
```
#f3ded3 rgb(243,222,211)
```
#f7eae3
```
#f7eae3 rgb(247,234,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 #d64d05 is the most saturated one.

#716c6a
```
#716c6a rgb(113,108,106)
```
#796a62
```
#796a62 rgb(121,106,98)
```
#826759
```
#826759 rgb(130,103,89)
```
#8a6551
```
#8a6551 rgb(138,101,81)
```
#936248
```
#936248 rgb(147,98,72)
```
#9b5f40
```
#9b5f40 rgb(155,95,64)
```
#a45d37
```
#a45d37 rgb(164,93,55)
```
#ac5a2f
```
#ac5a2f rgb(172,90,47)
```
#b45727
```
#b45727 rgb(180,87,39)
```
#bd551e
```
#bd551e rgb(189,85,30)
```
#c55216
```
#c55216 rgb(197,82,22)
```
#ce4f0d
```
#ce4f0d rgb(206,79,13)
```
#d64d05
```
#d64d05 rgb(214,77,5)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7a6a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837740 Protanopia 1% of men
#937235 Deuteranopia 1% of men
#b25d63 Tritanopia 0.001% of the population

Trichromacy

#926c39 Protanomaly 1% of men, 0.01% of women
#9c6932 Deuteranomaly 6% of men, 0.4% of women
#b05c50 Tritanomaly 0.01% of the population

#ac5a2f hex color

#ac5a2f Color Information

#ac5a2f Color Conversion

Color Schemes with #ac5a2f

Alternatives to #ac5a2f

#ac5a2f Preview

Shades and Tints of #ac5a2f

Tones of #ac5a2f

Color Blindness Simulator