#ac580f hex color

In a RGB color space, hex #ac580f is composed of 67.5% red, 34.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.8% magenta, 91.3% yellow and 32.5% black. It has a hue angle of 27.9 degrees, a saturation of 84% and a lightness of 36.7%. #ac580f color hex could be obtained by blending #ffb01e with #590000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 67
- G 35
- B 6
RGB color chart
- C 0
- M 49
- Y 91
- K 33
CMYK color chart

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

The hexadecimal color #ac580f has RGB values of R:172, G:88, B:15 and CMYK values of C:0, M:0.49, Y:0.91, K:0.33. Its decimal value is 11294735.

Hex triplet	ac580f	`#ac580f`
RGB Decimal	172, 88, 15	`rgb(172,88,15)`
RGB Percent	67.5, 34.5, 5.9	`rgb(67.5%,34.5%,5.9%)`
CMYK	0, 49, 91, 33
HSL	27.9°, 84, 36.7	`hsl(27.9,84%,36.7%)`
HSV (or HSB)	27.9°, 91.3, 67.5
Web Safe	996600	`#996600`

CIE-LAB	46.693, 30.062, 51.901
XYZ	20.59, 15.786, 2.415
xyY	0.531, 0.407, 15.786
CIE-LCH	46.693, 59.978, 59.919
CIE-LUV	46.693, 68.826, 41.614
Hunter-Lab	39.732, 22.971, 24.209
Binary	10101100, 01011000, 00001111

#ac580f
```
#ac580f rgb(172,88,15)
```
#0f63ac
```
#0f63ac rgb(15,99,172)
```

Complementary Color

#ac0f15
```
#ac0f15 rgb(172,15,21)
```
#ac580f
```
#ac580f rgb(172,88,15)
```
#aca70f
```
#aca70f rgb(172,167,15)
```

Analogous Color

#0f15ac
```
#0f15ac rgb(15,21,172)
```
#ac580f
```
#ac580f rgb(172,88,15)
```
#0faca7
```
#0faca7 rgb(15,172,167)
```

Split Complementary Color

#580fac
```
#580fac rgb(88,15,172)
```
#ac580f
```
#ac580f rgb(172,88,15)
```
#0fac58
```
#0fac58 rgb(15,172,88)
```

Triadic Color

#ac0f63
```
#ac0f63 rgb(172,15,99)
```
#ac580f
```
#ac580f rgb(172,88,15)
```
#0fac58
```
#0fac58 rgb(15,172,88)
```
#0f63ac
```
#0f63ac rgb(15,99,172)
```

Tetradic Color

#663409
```
#663409 rgb(102,52,9)
```
#7d400b
```
#7d400b rgb(125,64,11)
```
#954c0d
```
#954c0d rgb(149,76,13)
```
#ac580f
```
#ac580f rgb(172,88,15)
```
#c36411
```
#c36411 rgb(195,100,17)
```
#db7013
```
#db7013 rgb(219,112,19)
```
#eb7d1c
```
#eb7d1c rgb(235,125,28)
```

Monochromatic Color

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

#ac310f
```
#ac310f rgb(172,49,15)
```
#ac3e0f
```
#ac3e0f rgb(172,62,15)
```
#ac4b0f
```
#ac4b0f rgb(172,75,15)
```
#ac580f
```
#ac580f rgb(172,88,15)
```
#ac650f
```
#ac650f rgb(172,101,15)
```
#ac720f
```
#ac720f rgb(172,114,15)
```
#ac7f0f
```
#ac7f0f rgb(172,127,15)
```

Similar Colors

Text with hexadecimal color #ac580f

This text has a font color of #ac580f.

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

#ac580f background color

This paragraph has a background color of #ac580f.

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

#ac580f border color

This element has a border color of #ac580f.

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

CSS codes

.text {color:#ac580f;}

.background {background-color:#ac580f;}

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

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, #0a0501 is the darkest color, while #fefaf7 is the lightest one.

#0a0501
```
#0a0501 rgb(10,5,1)
```
#1c0e02
```
#1c0e02 rgb(28,14,2)
```
#2e1704
```
#2e1704 rgb(46,23,4)
```
#402106
```
#402106 rgb(64,33,6)
```
#522a07
```
#522a07 rgb(82,42,7)
```
#643309
```
#643309 rgb(100,51,9)
```
#763c0a
```
#763c0a rgb(118,60,10)
```
#88460c
```
#88460c rgb(136,70,12)
```
#9a4f0d
```
#9a4f0d rgb(154,79,13)
```
#ac580f
```
#ac580f rgb(172,88,15)
```
#be6111
```
#be6111 rgb(190,97,17)
```
#d06a12
```
#d06a12 rgb(208,106,18)
```
#e27414
```
#e27414 rgb(226,116,20)
```

Shade Color Variation

#eb7e1e
```
#eb7e1e rgb(235,126,30)
```
#ed8830
```
#ed8830 rgb(237,136,48)
```
#ef9242
```
#ef9242 rgb(239,146,66)
```
#f09d54
```
#f09d54 rgb(240,157,84)
```
#f2a766
```
#f2a766 rgb(242,167,102)
```
#f3b178
```
#f3b178 rgb(243,177,120)
```
#f5bc8a
```
#f5bc8a rgb(245,188,138)
```
#f6c69c
```
#f6c69c rgb(246,198,156)
```
#f8d1ae
```
#f8d1ae rgb(248,209,174)
```
#fadbc0
```
#fadbc0 rgb(250,219,192)
```
#fbe5d2
```
#fbe5d2 rgb(251,229,210)
```
#fdf0e5
```
#fdf0e5 rgb(253,240,229)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#645d57
```
#645d57 rgb(100,93,87)
```
#6b5d50
```
#6b5d50 rgb(107,93,80)
```
#725c49
```
#725c49 rgb(114,92,73)
```
#7a5c41
```
#7a5c41 rgb(122,92,65)
```
#815b3a
```
#815b3a rgb(129,91,58)
```
#885b33
```
#885b33 rgb(136,91,51)
```
#8f5a2c
```
#8f5a2c rgb(143,90,44)
```
#965a25
```
#965a25 rgb(150,90,37)
```
#9e591d
```
#9e591d rgb(158,89,29)
```
#a55916
```
#a55916 rgb(165,89,22)
```
#ac580f
```
#ac580f rgb(172,88,15)
```
#b35708
```
#b35708 rgb(179,87,8)
```
#ba5701
```
#ba5701 rgb(186,87,1)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#766657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847621 Protanopia 1% of men
#93700d Deuteranopia 1% of men
#b35a60 Tritanopia 0.001% of the population

Trichromacy

#926b1a Protanomaly 1% of men, 0.01% of women
#9c670d Deuteranomaly 6% of men, 0.4% of women
#b05942 Tritanomaly 0.01% of the population

#ac580f hex color

#ac580f Color Information

#ac580f Color Conversion

Color Schemes with #ac580f

Alternatives to #ac580f

#ac580f Preview

Shades and Tints of #ac580f

Tones of #ac580f

Color Blindness Simulator