#ac6700 hex color

In a RGB color space, hex #ac6700 is composed of 67.5% red, 40.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.1% magenta, 100% yellow and 32.5% black. It has a hue angle of 35.9 degrees, a saturation of 100% and a lightness of 33.7%. #ac6700 color hex could be obtained by blending #ffce00 with #590000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 67
- G 40
- B 0
RGB color chart
- C 0
- M 40
- Y 100
- K 33
CMYK color chart

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

The hexadecimal color #ac6700 has RGB values of R:172, G:103, B:0 and CMYK values of C:0, M:0.4, Y:1, K:0.33. Its decimal value is 11298560.

Hex triplet	ac6700	`#ac6700`
RGB Decimal	172, 103, 0	`rgb(172,103,0)`
RGB Percent	67.5, 40.4, 0	`rgb(67.5%,40.4%,0%)`
CMYK	0, 40, 100, 33
HSL	35.9°, 100, 33.7	`hsl(35.9,100%,33.7%)`
HSV (or HSB)	35.9°, 100, 67.5
Web Safe	996600	`#996600`

CIE-LAB	50.065, 21.6, 57.718
XYZ	21.864, 18.473, 2.414
xyY	0.511, 0.432, 18.473
CIE-LCH	50.065, 61.627, 69.482
CIE-LUV	50.065, 57.131, 48.572
Hunter-Lab	42.98, 15.589, 26.756
Binary	10101100, 01100111, 00000000

#ac6700
```
#ac6700 rgb(172,103,0)
```
#0045ac
```
#0045ac rgb(0,69,172)
```

Complementary Color

#ac1100
```
#ac1100 rgb(172,17,0)
```
#ac6700
```
#ac6700 rgb(172,103,0)
```
#9bac00
```
#9bac00 rgb(155,172,0)
```

Analogous Color

#1100ac
```
#1100ac rgb(17,0,172)
```
#ac6700
```
#ac6700 rgb(172,103,0)
```
#009bac
```
#009bac rgb(0,155,172)
```

Split Complementary Color

#6700ac
```
#6700ac rgb(103,0,172)
```
#ac6700
```
#ac6700 rgb(172,103,0)
```
#00ac67
```
#00ac67 rgb(0,172,103)
```

Triadic Color

#ac0045
```
#ac0045 rgb(172,0,69)
```
#ac6700
```
#ac6700 rgb(172,103,0)
```
#00ac67
```
#00ac67 rgb(0,172,103)
```
#0045ac
```
#0045ac rgb(0,69,172)
```

Tetradic Color

#603900
```
#603900 rgb(96,57,0)
```
#794800
```
#794800 rgb(121,72,0)
```
#935800
```
#935800 rgb(147,88,0)
```
#ac6700
```
#ac6700 rgb(172,103,0)
```
#c67600
```
#c67600 rgb(198,118,0)
```
#df8600
```
#df8600 rgb(223,134,0)
```
#f99500
```
#f99500 rgb(249,149,0)
```

Monochromatic Color

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

#ac3c00
```
#ac3c00 rgb(172,60,0)
```
#ac4a00
```
#ac4a00 rgb(172,74,0)
```
#ac5900
```
#ac5900 rgb(172,89,0)
```
#ac6700
```
#ac6700 rgb(172,103,0)
```
#ac7500
```
#ac7500 rgb(172,117,0)
```
#ac8400
```
#ac8400 rgb(172,132,0)
```
#ac9200
```
#ac9200 rgb(172,146,0)
```

Similar Colors

Text with hexadecimal color #ac6700

This text has a font color of #ac6700.

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

#ac6700 background color

This paragraph has a background color of #ac6700.

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

#ac6700 border color

This element has a border color of #ac6700.

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

CSS codes

.text {color:#ac6700;}

.background {background-color:#ac6700;}

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

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

#0f0900
```
#0f0900 rgb(15,9,0)
```
#231500
```
#231500 rgb(35,21,0)
```
#362100
```
#362100 rgb(54,33,0)
```
#4a2c00
```
#4a2c00 rgb(74,44,0)
```
#5e3800
```
#5e3800 rgb(94,56,0)
```
#714400
```
#714400 rgb(113,68,0)
```
#855000
```
#855000 rgb(133,80,0)
```
#985b00
```
#985b00 rgb(152,91,0)
```
#ac6700
```
#ac6700 rgb(172,103,0)
```
#c07300
```
#c07300 rgb(192,115,0)
```
#d37e00
```
#d37e00 rgb(211,126,0)
```
#e78a00
```
#e78a00 rgb(231,138,0)
```
#fa9600
```
#fa9600 rgb(250,150,0)
```

Shade Color Variation

#ff9f0f
```
#ff9f0f rgb(255,159,15)
```
#ffa723
```
#ffa723 rgb(255,167,35)
```
#ffae36
```
#ffae36 rgb(255,174,54)
```
#ffb64a
```
#ffb64a rgb(255,182,74)
```
#ffbe5e
```
#ffbe5e rgb(255,190,94)
```
#ffc671
```
#ffc671 rgb(255,198,113)
```
#ffce85
```
#ffce85 rgb(255,206,133)
```
#ffd698
```
#ffd698 rgb(255,214,152)
```
#ffdeac
```
#ffdeac rgb(255,222,172)
```
#ffe6c0
```
#ffe6c0 rgb(255,230,192)
```
#ffedd3
```
#ffedd3 rgb(255,237,211)
```
#fff5e7
```
#fff5e7 rgb(255,245,231)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#5d574f
```
#5d574f rgb(93,87,79)
```
#635949
```
#635949 rgb(99,89,73)
```
#6a5a42
```
#6a5a42 rgb(106,90,66)
```
#705b3c
```
#705b3c rgb(112,91,60)
```
#775d35
```
#775d35 rgb(119,93,53)
```
#7e5e2e
```
#7e5e2e rgb(126,94,46)
```
#845f28
```
#845f28 rgb(132,95,40)
```
#8b6021
```
#8b6021 rgb(139,96,33)
```
#92621a
```
#92621a rgb(146,98,26)
```
#986314
```
#986314 rgb(152,99,20)
```
#9f640d
```
#9f640d rgb(159,100,13)
```
#a56607
```
#a56607 rgb(165,102,7)
```
#ac6700
```
#ac6700 rgb(172,103,0)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7c6e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7e0f Protanopia 1% of men
#9d7800 Deuteranopia 1% of men
#b4676e Tritanopia 0.001% of the population

Trichromacy

#987509 Protanomaly 1% of men, 0.01% of women
#a37100 Deuteranomaly 6% of men, 0.4% of women
#b16746 Tritanomaly 0.01% of the population

#ac6700 hex color

#ac6700 Color Information

#ac6700 Color Conversion

Color Schemes with #ac6700

Alternatives to #ac6700

#ac6700 Preview

Shades and Tints of #ac6700

Tones of #ac6700

Color Blindness Simulator