#ac682d hex color

In a RGB color space, hex #ac682d is composed of 67.5% red, 40.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.5% magenta, 73.8% yellow and 32.5% black. It has a hue angle of 27.9 degrees, a saturation of 58.5% and a lightness of 42.5%. #ac682d color hex could be obtained by blending #ffd05a with #590000. Closest websafe color is: #996633.

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

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

The hexadecimal color #ac682d has RGB values of R:172, G:104, B:45 and CMYK values of C:0, M:0.4, Y:0.74, K:0.33. Its decimal value is 11298861.

Hex triplet	ac682d	`#ac682d`
RGB Decimal	172, 104, 45	`rgb(172,104,45)`
RGB Percent	67.5, 40.8, 17.6	`rgb(67.5%,40.8%,17.6%)`
CMYK	0, 40, 74, 33
HSL	27.9°, 58.5, 42.5	`hsl(27.9,58.5%,42.5%)`
HSV (or HSB)	27.9°, 73.8, 67.5
Web Safe	996633	`#996633`

CIE-LAB	50.526, 22.269, 43.36
XYZ	22.438, 18.862, 4.942
xyY	0.485, 0.408, 18.862
CIE-LCH	50.526, 48.744, 62.816
CIE-LUV	50.526, 54.162, 40.618
Hunter-Lab	43.431, 16.215, 23.656
Binary	10101100, 01101000, 00101101

#ac682d
```
#ac682d rgb(172,104,45)
```
#2d71ac
```
#2d71ac rgb(45,113,172)
```

Complementary Color

#ac2d32
```
#ac2d32 rgb(172,45,50)
```
#ac682d
```
#ac682d rgb(172,104,45)
```
#aca82d
```
#aca82d rgb(172,168,45)
```

Analogous Color

#2d32ac
```
#2d32ac rgb(45,50,172)
```
#ac682d
```
#ac682d rgb(172,104,45)
```
#2daca8
```
#2daca8 rgb(45,172,168)
```

Split Complementary Color

#682dac
```
#682dac rgb(104,45,172)
```
#ac682d
```
#ac682d rgb(172,104,45)
```
#2dac68
```
#2dac68 rgb(45,172,104)
```

Triadic Color

#ac2d71
```
#ac2d71 rgb(172,45,113)
```
#ac682d
```
#ac682d rgb(172,104,45)
```
#2dac68
```
#2dac68 rgb(45,172,104)
```
#2d71ac
```
#2d71ac rgb(45,113,172)
```

Tetradic Color

#6f431d
```
#6f431d rgb(111,67,29)
```
#845022
```
#845022 rgb(132,80,34)
```
#985c28
```
#985c28 rgb(152,92,40)
```
#ac682d
```
#ac682d rgb(172,104,45)
```
#c07432
```
#c07432 rgb(192,116,50)
```
#cd813f
```
#cd813f rgb(205,129,63)
```
#d28e53
```
#d28e53 rgb(210,142,83)
```

Monochromatic Color

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

#ac482d
```
#ac482d rgb(172,72,45)
```
#ac532d
```
#ac532d rgb(172,83,45)
```
#ac5d2d
```
#ac5d2d rgb(172,93,45)
```
#ac682d
```
#ac682d rgb(172,104,45)
```
#ac732d
```
#ac732d rgb(172,115,45)
```
#ac7d2d
```
#ac7d2d rgb(172,125,45)
```
#ac882d
```
#ac882d rgb(172,136,45)
```

Similar Colors

Text with hexadecimal color #ac682d

This text has a font color of #ac682d.

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

#ac682d background color

This paragraph has a background color of #ac682d.

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

#ac682d border color

This element has a border color of #ac682d.

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

CSS codes

.text {color:#ac682d;}

.background {background-color:#ac682d;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110a04
```
#110a04 rgb(17,10,4)
```
#201308
```
#201308 rgb(32,19,8)
```
#301d0c
```
#301d0c rgb(48,29,12)
```
#3f2611
```
#3f2611 rgb(63,38,17)
```
#4f3015
```
#4f3015 rgb(79,48,21)
```
#5e3919
```
#5e3919 rgb(94,57,25)
```
#6e421d
```
#6e421d rgb(110,66,29)
```
#7d4c21
```
#7d4c21 rgb(125,76,33)
```
#8d5525
```
#8d5525 rgb(141,85,37)
```
#9c5f29
```
#9c5f29 rgb(156,95,41)
```
#ac682d
```
#ac682d rgb(172,104,45)
```
#bc7131
```
#bc7131 rgb(188,113,49)
```

Shade Color Variation

#ca7b36
```
#ca7b36 rgb(202,123,54)
```
#ce8545
```
#ce8545 rgb(206,133,69)
```
#d38f55
```
#d38f55 rgb(211,143,85)
```
#d79964
```
#d79964 rgb(215,153,100)
```
#dba474
```
#dba474 rgb(219,164,116)
```
#dfae84
```
#dfae84 rgb(223,174,132)
```
#e3b893
```
#e3b893 rgb(227,184,147)
```
#e7c2a3
```
#e7c2a3 rgb(231,194,163)
```
#ebcdb2
```
#ebcdb2 rgb(235,205,178)
```
#efd7c2
```
#efd7c2 rgb(239,215,194)
```
#f3e1d1
```
#f3e1d1 rgb(243,225,209)
```
#f7ebe1
```
#f7ebe1 rgb(247,235,225)
```
#fbf5f0
```
#fbf5f0 rgb(251,245,240)
```

Tint Color Variation

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

#726c67
```
#726c67 rgb(114,108,103)
```
#7a6c5f
```
#7a6c5f rgb(122,108,95)
```
#826b57
```
#826b57 rgb(130,107,87)
```
#8b6a4e
```
#8b6a4e rgb(139,106,78)
```
#936a46
```
#936a46 rgb(147,106,70)
```
#9b693e
```
#9b693e rgb(155,105,62)
```
#a46935
```
#a46935 rgb(164,105,53)
```
#ac682d
```
#ac682d rgb(172,104,45)
```
#b46725
```
#b46725 rgb(180,103,37)
```
#bd671c
```
#bd671c rgb(189,103,28)
```
#c56614
```
#c56614 rgb(197,102,20)
```
#cd660c
```
#cd660c rgb(205,102,12)
```
#d66503
```
#d66503 rgb(214,101,3)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#817367 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7f3c Protanopia 1% of men
#9d7934 Deuteranopia 1% of men
#b36970 Tritanopia 0.001% of the population

Trichromacy

#987636 Protanomaly 1% of men, 0.01% of women
#a27331 Deuteranomaly 6% of men, 0.4% of women
#b16958 Tritanomaly 0.01% of the population

#ac682d hex color

#ac682d Color Information

#ac682d Color Conversion

Color Schemes with #ac682d

Alternatives to #ac682d

#ac682d Preview

Shades and Tints of #ac682d

Tones of #ac682d

Color Blindness Simulator