#ac5a2e hex color

In a RGB color space, hex #ac5a2e is composed of 67.5% red, 35.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.7% magenta, 73.3% yellow and 32.5% black. It has a hue angle of 21 degrees, a saturation of 57.8% and a lightness of 42.7%. #ac5a2e color hex could be obtained by blending #ffb45c 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

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

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

Hex triplet	ac5a2e	`#ac5a2e`
RGB Decimal	172, 90, 46	`rgb(172,90,46)`
RGB Percent	67.5, 35.3, 18	`rgb(67.5%,35.3%,18%)`
CMYK	0, 48, 73, 33
HSL	21°, 57.8, 42.7	`hsl(21,57.8%,42.7%)`
HSV (or HSB)	21°, 73.3, 67.5
Web Safe	996633	`#996633`

CIE-LAB	47.342, 30.025, 39.489
XYZ	21.163, 16.282, 4.613
xyY	0.503, 0.387, 16.282
CIE-LCH	47.342, 49.608, 52.753
CIE-LUV	47.342, 64.821, 34.744
Hunter-Lab	40.351, 23.005, 21.468
Binary	10101100, 01011010, 00101110

#ac5a2e
```
#ac5a2e rgb(172,90,46)
```
#2e80ac
```
#2e80ac rgb(46,128,172)
```

Complementary Color

#ac2e41
```
#ac2e41 rgb(172,46,65)
```
#ac5a2e
```
#ac5a2e rgb(172,90,46)
```
#ac992e
```
#ac992e rgb(172,153,46)
```

Analogous Color

#2e41ac
```
#2e41ac rgb(46,65,172)
```
#ac5a2e
```
#ac5a2e rgb(172,90,46)
```
#2eac99
```
#2eac99 rgb(46,172,153)
```

Split Complementary Color

#5a2eac
```
#5a2eac rgb(90,46,172)
```
#ac5a2e
```
#ac5a2e rgb(172,90,46)
```
#2eac5a
```
#2eac5a rgb(46,172,90)
```

Triadic Color

#ac2e80
```
#ac2e80 rgb(172,46,128)
```
#ac5a2e
```
#ac5a2e rgb(172,90,46)
```
#2eac5a
```
#2eac5a rgb(46,172,90)
```
#2e80ac
```
#2e80ac rgb(46,128,172)
```

Tetradic Color

#703a1e
```
#703a1e rgb(112,58,30)
```
#844523
```
#844523 rgb(132,69,35)
```
#984f29
```
#984f29 rgb(152,79,41)
```
#ac5a2e
```
#ac5a2e rgb(172,90,46)
```
#c06533
```
#c06533 rgb(192,101,51)
```
#cc7141
```
#cc7141 rgb(204,113,65)
```
#d28055
```
#d28055 rgb(210,128,85)
```

Monochromatic Color

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

#ac3b2e
```
#ac3b2e rgb(172,59,46)
```
#ac452e
```
#ac452e rgb(172,69,46)
```
#ac502e
```
#ac502e rgb(172,80,46)
```
#ac5a2e
```
#ac5a2e rgb(172,90,46)
```
#ac652e
```
#ac652e rgb(172,101,46)
```
#ac6f2e
```
#ac6f2e rgb(172,111,46)
```
#ac7a2e
```
#ac7a2e rgb(172,122,46)
```

Similar Colors

Text with hexadecimal color #ac5a2e

This text has a font color of #ac5a2e.

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

#ac5a2e background color

This paragraph has a background color of #ac5a2e.

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

#ac5a2e border color

This element has a border color of #ac5a2e.

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

CSS codes

.text {color:#ac5a2e;}

.background {background-color:#ac5a2e;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110905
```
#110905 rgb(17,9,5)
```
#211109
```
#211109 rgb(33,17,9)
```
#30190d
```
#30190d rgb(48,25,13)
```
#402111
```
#402111 rgb(64,33,17)
```
#4f2915
```
#4f2915 rgb(79,41,21)
```
#5f3219
```
#5f3219 rgb(95,50,25)
```
#6e3a1d
```
#6e3a1d rgb(110,58,29)
```
#7e4222
```
#7e4222 rgb(126,66,34)
```
#8d4a26
```
#8d4a26 rgb(141,74,38)
```
#9d522a
```
#9d522a rgb(157,82,42)
```
#ac5a2e
```
#ac5a2e rgb(172,90,46)
```
#bb6232
```
#bb6232 rgb(187,98,50)
```

Shade Color Variation

#ca6b38
```
#ca6b38 rgb(202,107,56)
```
#ce7647
```
#ce7647 rgb(206,118,71)
```
#d28257
```
#d28257 rgb(210,130,87)
```
#d68d66
```
#d68d66 rgb(214,141,102)
```
#da9975
```
#da9975 rgb(218,153,117)
```
#dea485
```
#dea485 rgb(222,164,133)
```
#e2b094
```
#e2b094 rgb(226,176,148)
```
#e7bba4
```
#e7bba4 rgb(231,187,164)
```
#ebc7b3
```
#ebc7b3 rgb(235,199,179)
```
#efd2c3
```
#efd2c3 rgb(239,210,195)
```
#f3ded2
```
#f3ded2 rgb(243,222,210)
```
#f7e9e2
```
#f7e9e2 rgb(247,233,226)
```
#fbf5f1
```
#fbf5f1 rgb(251,245,241)
```

Tint Color Variation

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

#716c69
```
#716c69 rgb(113,108,105)
```
#7a6960
```
#7a6960 rgb(122,105,96)
```
#826758
```
#826758 rgb(130,103,88)
```
#8a6450
```
#8a6450 rgb(138,100,80)
```
#936247
```
#936247 rgb(147,98,71)
```
#9b5f3f
```
#9b5f3f rgb(155,95,63)
```
#a45d36
```
#a45d36 rgb(164,93,54)
```
#ac5a2e
```
#ac5a2e rgb(172,90,46)
```
#b45726
```
#b45726 rgb(180,87,38)
```
#bd551d
```
#bd551d rgb(189,85,29)
```
#c55215
```
#c55215 rgb(197,82,21)
```
#ce500c
```
#ce500c rgb(206,80,12)
```
#d64d04
```
#d64d04 rgb(214,77,4)
```

Tone Color Variation

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

#83773f Protanopia 1% of men
#937234 Deuteranopia 1% of men
#b25d63 Tritanopia 0.001% of the population

Trichromacy

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

#ac5a2e hex color

#ac5a2e Color Information

#ac5a2e Color Conversion

Color Schemes with #ac5a2e

Alternatives to #ac5a2e

#ac5a2e Preview

Shades and Tints of #ac5a2e

Tones of #ac5a2e

Color Blindness Simulator