#ac5018 hex color

In a RGB color space, hex #ac5018 is composed of 67.5% red, 31.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.5% magenta, 86% yellow and 32.5% black. It has a hue angle of 22.7 degrees, a saturation of 75.5% and a lightness of 38.4%. #ac5018 color hex could be obtained by blending #ffa030 with #590000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 67
- G 31
- B 9
RGB color chart
- C 0
- M 53
- Y 86
- K 33
CMYK color chart

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

The hexadecimal color #ac5018 has RGB values of R:172, G:80, B:24 and CMYK values of C:0, M:0.53, Y:0.86, K:0.33. Its decimal value is 11292696.

Hex triplet	ac5018	`#ac5018`
RGB Decimal	172, 80, 24	`rgb(172,80,24)`
RGB Percent	67.5, 31.4, 9.4	`rgb(67.5%,31.4%,9.4%)`
CMYK	0, 53, 86, 33
HSL	22.7°, 75.5, 38.4	`hsl(22.7,75.5%,38.4%)`
HSV (or HSB)	22.7°, 86, 67.5
Web Safe	996600	`#996600`

CIE-LAB	45.048, 34.494, 47.501
XYZ	20.048, 14.576, 2.622
xyY	0.538, 0.391, 14.576
CIE-LCH	45.048, 58.704, 54.014
CIE-LUV	45.048, 74.613, 37.325
Hunter-Lab	38.178, 26.919, 22.653
Binary	10101100, 01010000, 00011000

#ac5018
```
#ac5018 rgb(172,80,24)
```
#1874ac
```
#1874ac rgb(24,116,172)
```

Complementary Color

#ac182a
```
#ac182a rgb(172,24,42)
```
#ac5018
```
#ac5018 rgb(172,80,24)
```
#ac9a18
```
#ac9a18 rgb(172,154,24)
```

Analogous Color

#182aac
```
#182aac rgb(24,42,172)
```
#ac5018
```
#ac5018 rgb(172,80,24)
```
#18ac9a
```
#18ac9a rgb(24,172,154)
```

Split Complementary Color

#5018ac
```
#5018ac rgb(80,24,172)
```
#ac5018
```
#ac5018 rgb(172,80,24)
```
#18ac50
```
#18ac50 rgb(24,172,80)
```

Triadic Color

#ac1874
```
#ac1874 rgb(172,24,116)
```
#ac5018
```
#ac5018 rgb(172,80,24)
```
#18ac50
```
#18ac50 rgb(24,172,80)
```
#1874ac
```
#1874ac rgb(24,116,172)
```

Tetradic Color

#69310f
```
#69310f rgb(105,49,15)
```
#7f3b12
```
#7f3b12 rgb(127,59,18)
```
#964615
```
#964615 rgb(150,70,21)
```
#ac5018
```
#ac5018 rgb(172,80,24)
```
#c25a1b
```
#c25a1b rgb(194,90,27)
```
#d9651e
```
#d9651e rgb(217,101,30)
```
#e2722f
```
#e2722f rgb(226,114,47)
```

Monochromatic Color

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

#ac2b18
```
#ac2b18 rgb(172,43,24)
```
#ac3718
```
#ac3718 rgb(172,55,24)
```
#ac4418
```
#ac4418 rgb(172,68,24)
```
#ac5018
```
#ac5018 rgb(172,80,24)
```
#ac5c18
```
#ac5c18 rgb(172,92,24)
```
#ac6918
```
#ac6918 rgb(172,105,24)
```
#ac7518
```
#ac7518 rgb(172,117,24)
```

Similar Colors

Text with hexadecimal color #ac5018

This text has a font color of #ac5018.

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

#ac5018 background color

This paragraph has a background color of #ac5018.

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

#ac5018 border color

This element has a border color of #ac5018.

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

CSS codes

.text {color:#ac5018;}

.background {background-color:#ac5018;}

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

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

#110802
```
#110802 rgb(17,8,2)
```
#221005
```
#221005 rgb(34,16,5)
```
#341807
```
#341807 rgb(52,24,7)
```
#45200a
```
#45200a rgb(69,32,10)
```
#56280c
```
#56280c rgb(86,40,12)
```
#67300e
```
#67300e rgb(103,48,14)
```
#783811
```
#783811 rgb(120,56,17)
```
#8a4013
```
#8a4013 rgb(138,64,19)
```
#9b4816
```
#9b4816 rgb(155,72,22)
```
#ac5018
```
#ac5018 rgb(172,80,24)
```
#bd581a
```
#bd581a rgb(189,88,26)
```
#ce601d
```
#ce601d rgb(206,96,29)
```
#e0681f
```
#e0681f rgb(224,104,31)
```

Shade Color Variation

#e27430
```
#e27430 rgb(226,116,48)
```
#e57f42
```
#e57f42 rgb(229,127,66)
```
#e78b53
```
#e78b53 rgb(231,139,83)
```
#e99664
```
#e99664 rgb(233,150,100)
```
#eca275
```
#eca275 rgb(236,162,117)
```
#eeae86
```
#eeae86 rgb(238,174,134)
```
#f1b998
```
#f1b998 rgb(241,185,152)
```
#f3c5a9
```
#f3c5a9 rgb(243,197,169)
```
#f5d0ba
```
#f5d0ba rgb(245,208,186)
```
#f8dccb
```
#f8dccb rgb(248,220,203)
```
#fae8dc
```
#fae8dc rgb(250,232,220)
```
#fdf3ee
```
#fdf3ee rgb(253,243,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#68615c
```
#68615c rgb(104,97,92)
```
#705f54
```
#705f54 rgb(112,95,84)
```
#775d4d
```
#775d4d rgb(119,93,77)
```
#7f5b45
```
#7f5b45 rgb(127,91,69)
```
#86593e
```
#86593e rgb(134,89,62)
```
#8e5736
```
#8e5736 rgb(142,87,54)
```
#95562f
```
#95562f rgb(149,86,47)
```
#9d5427
```
#9d5427 rgb(157,84,39)
```
#a45220
```
#a45220 rgb(164,82,32)
```
#ac5018
```
#ac5018 rgb(172,80,24)
```
#b44e10
```
#b44e10 rgb(180,78,16)
```
#bb4c09
```
#bb4c09 rgb(187,76,9)
```
#c34a01
```
#c34a01 rgb(195,74,1)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#736156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f722a Protanopia 1% of men
#8e6c1a Deuteranopia 1% of men
#b25359 Tritanopia 0.001% of the population

Trichromacy

#8f6523 Protanomaly 1% of men, 0.01% of women
#996219 Deuteranomaly 6% of men, 0.4% of women
#b05241 Tritanomaly 0.01% of the population

#ac5018 hex color

#ac5018 Color Information

#ac5018 Color Conversion

Color Schemes with #ac5018

Alternatives to #ac5018

#ac5018 Preview

Shades and Tints of #ac5018

Tones of #ac5018

Color Blindness Simulator