#ac552c hex color

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

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

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

The hexadecimal color #ac552c has RGB values of R:172, G:85, B:44 and CMYK values of C:0, M:0.51, Y:0.74, K:0.33. Its decimal value is 11293996.

Hex triplet	ac552c	`#ac552c`
RGB Decimal	172, 85, 44	`rgb(172,85,44)`
RGB Percent	67.5, 33.3, 17.3	`rgb(67.5%,33.3%,17.3%)`
CMYK	0, 51, 74, 33
HSL	19.2°, 59.3, 42.4	`hsl(19.2,59.3%,42.4%)`
HSV (or HSB)	19.2°, 74.4, 67.5
Web Safe	996633	`#996633`

CIE-LAB	46.246, 32.605, 39.35
XYZ	20.717, 15.451, 4.274
xyY	0.512, 0.382, 15.451
CIE-LCH	46.246, 51.102, 50.355
CIE-LUV	46.246, 68.841, 33.555
Hunter-Lab	39.308, 25.287, 21.069
Binary	10101100, 01010101, 00101100

#ac552c
```
#ac552c rgb(172,85,44)
```
#2c83ac
```
#2c83ac rgb(44,131,172)
```

Complementary Color

#ac2c43
```
#ac2c43 rgb(172,44,67)
```
#ac552c
```
#ac552c rgb(172,85,44)
```
#ac952c
```
#ac952c rgb(172,149,44)
```

Analogous Color

#2c43ac
```
#2c43ac rgb(44,67,172)
```
#ac552c
```
#ac552c rgb(172,85,44)
```
#2cac95
```
#2cac95 rgb(44,172,149)
```

Split Complementary Color

#552cac
```
#552cac rgb(85,44,172)
```
#ac552c
```
#ac552c rgb(172,85,44)
```
#2cac55
```
#2cac55 rgb(44,172,85)
```

Triadic Color

#ac2c83
```
#ac2c83 rgb(172,44,131)
```
#ac552c
```
#ac552c rgb(172,85,44)
```
#2cac55
```
#2cac55 rgb(44,172,85)
```
#2c83ac
```
#2c83ac rgb(44,131,172)
```

Tetradic Color

#6f371c
```
#6f371c rgb(111,55,28)
```
#834122
```
#834122 rgb(131,65,34)
```
#984b27
```
#984b27 rgb(152,75,39)
```
#ac552c
```
#ac552c rgb(172,85,44)
```
#c05f31
```
#c05f31 rgb(192,95,49)
```
#ce6c3e
```
#ce6c3e rgb(206,108,62)
```
#d37b52
```
#d37b52 rgb(211,123,82)
```

Monochromatic Color

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

#ac352c
```
#ac352c rgb(172,53,44)
```
#ac402c
```
#ac402c rgb(172,64,44)
```
#ac4a2c
```
#ac4a2c rgb(172,74,44)
```
#ac552c
```
#ac552c rgb(172,85,44)
```
#ac602c
```
#ac602c rgb(172,96,44)
```
#ac6a2c
```
#ac6a2c rgb(172,106,44)
```
#ac752c
```
#ac752c rgb(172,117,44)
```

Similar Colors

Text with hexadecimal color #ac552c

This text has a font color of #ac552c.

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

#ac552c background color

This paragraph has a background color of #ac552c.

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

#ac552c border color

This element has a border color of #ac552c.

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

CSS codes

.text {color:#ac552c;}

.background {background-color:#ac552c;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100804
```
#100804 rgb(16,8,4)
```
#1f1008
```
#1f1008 rgb(31,16,8)
```
#2f170c
```
#2f170c rgb(47,23,12)
```
#3f1f10
```
#3f1f10 rgb(63,31,16)
```
#4e2714
```
#4e2714 rgb(78,39,20)
```
#5e2e18
```
#5e2e18 rgb(94,46,24)
```
#6e361c
```
#6e361c rgb(110,54,28)
```
#7d3e20
```
#7d3e20 rgb(125,62,32)
```
#8d4624
```
#8d4624 rgb(141,70,36)
```
#9c4d28
```
#9c4d28 rgb(156,77,40)
```
#ac552c
```
#ac552c rgb(172,85,44)
```
#bc5d30
```
#bc5d30 rgb(188,93,48)
```

Shade Color Variation

#cb6434
```
#cb6434 rgb(203,100,52)
```
#cf7044
```
#cf7044 rgb(207,112,68)
```
#d37c53
```
#d37c53 rgb(211,124,83)
```
#d78863
```
#d78863 rgb(215,136,99)
```
#db9473
```
#db9473 rgb(219,148,115)
```
#dfa082
```
#dfa082 rgb(223,160,130)
```
#e3ac92
```
#e3ac92 rgb(227,172,146)
```
#e7b8a1
```
#e7b8a1 rgb(231,184,161)
```
#ebc4b1
```
#ebc4b1 rgb(235,196,177)
```
#efd0c1
```
#efd0c1 rgb(239,208,193)
```
#f3dbd0
```
#f3dbd0 rgb(243,219,208)
```
#f7e7e0
```
#f7e7e0 rgb(247,231,224)
```
#fbf3f0
```
#fbf3f0 rgb(251,243,240)
```

Tint Color Variation

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

#726a66
```
#726a66 rgb(114,106,102)
```
#7a675e
```
#7a675e rgb(122,103,94)
```
#826456
```
#826456 rgb(130,100,86)
```
#8b614d
```
#8b614d rgb(139,97,77)
```
#935e45
```
#935e45 rgb(147,94,69)
```
#9b5b3d
```
#9b5b3d rgb(155,91,61)
```
#a45834
```
#a45834 rgb(164,88,52)
```
#ac552c
```
#ac552c rgb(172,85,44)
```
#b45224
```
#b45224 rgb(180,82,36)
```
#bd4f1b
```
#bd4f1b rgb(189,79,27)
```
#c54c13
```
#c54c13 rgb(197,76,19)
```
#cd490b
```
#cd490b rgb(205,73,11)
```
#d64602
```
#d64602 rgb(214,70,2)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#77665e Atypical Achromatopsia 0.001% of the population

Dichromacy

#80753d Protanopia 1% of men
#906f31 Deuteranopia 1% of men
#b2595e Tritanopia 0.001% of the population

Trichromacy

#906937 Protanomaly 1% of men, 0.01% of women
#9a662f Deuteranomaly 6% of men, 0.4% of women
#b0574c Tritanomaly 0.01% of the population

#ac552c hex color

#ac552c Color Information

#ac552c Color Conversion

Color Schemes with #ac552c

Alternatives to #ac552c

#ac552c Preview

Shades and Tints of #ac552c

Tones of #ac552c

Color Blindness Simulator