#a4685f hex color

In a RGB color space, hex #a4685f is composed of 64.3% red, 40.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.6% magenta, 42.1% yellow and 35.7% black. It has a hue angle of 7.8 degrees, a saturation of 27.5% and a lightness of 50.8%. #a4685f color hex could be obtained by blending #ffd0be with #490000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 64
- G 41
- B 37
RGB color chart
- C 0
- M 37
- Y 42
- K 36
CMYK color chart

● #a4685f color description : Mostly desaturated dark red.

The hexadecimal color #a4685f has RGB values of R:164, G:104, B:95 and CMYK values of C:0, M:0.37, Y:0.42, K:0.36. Its decimal value is 10774623.

Hex triplet	a4685f	`#a4685f`
RGB Decimal	164, 104, 95	`rgb(164,104,95)`
RGB Percent	64.3, 40.8, 37.3	`rgb(64.3%,40.8%,37.3%)`
CMYK	0, 37, 42, 36
HSL	7.8°, 27.5, 50.8	`hsl(7.8,27.5%,50.8%)`
HSV (or HSB)	7.8°, 42.1, 64.3
Web Safe	996666	`#996666`

CIE-LAB	50.24, 22.984, 15.113
XYZ	22.326, 18.621, 13.244
xyY	0.412, 0.344, 18.621
CIE-LCH	50.24, 27.508, 33.326
CIE-LUV	50.24, 41.646, 14.753
Hunter-Lab	43.152, 16.837, 12.009
Binary	10100100, 01101000, 01011111

#a4685f
```
#a4685f rgb(164,104,95)
```
#5f9ba4
```
#5f9ba4 rgb(95,155,164)
```

Complementary Color

#a45f79
```
#a45f79 rgb(164,95,121)
```
#a4685f
```
#a4685f rgb(164,104,95)
```
#a48b5f
```
#a48b5f rgb(164,139,95)
```

Analogous Color

#5f79a4
```
#5f79a4 rgb(95,121,164)
```
#a4685f
```
#a4685f rgb(164,104,95)
```
#5fa48b
```
#5fa48b rgb(95,164,139)
```

Split Complementary Color

#685fa4
```
#685fa4 rgb(104,95,164)
```
#a4685f
```
#a4685f rgb(164,104,95)
```
#5fa468
```
#5fa468 rgb(95,164,104)
```

Triadic Color

#a45f9b
```
#a45f9b rgb(164,95,155)
```
#a4685f
```
#a4685f rgb(164,104,95)
```
#5fa468
```
#5fa468 rgb(95,164,104)
```
#5f9ba4
```
#5f9ba4 rgb(95,155,164)
```

Tetradic Color

#744942
```
#744942 rgb(116,73,66)
```
#85534b
```
#85534b rgb(133,83,75)
```
#955d55
```
#955d55 rgb(149,93,85)
```
#a4685f
```
#a4685f rgb(164,104,95)
```
#ad776f
```
#ad776f rgb(173,119,111)
```
#b68780
```
#b68780 rgb(182,135,128)
```
#c09690
```
#c09690 rgb(192,150,144)
```

Monochromatic Color

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

#a45f67
```
#a45f67 rgb(164,95,103)
```
#a45f62
```
#a45f62 rgb(164,95,98)
```
#a4625f
```
#a4625f rgb(164,98,95)
```
#a4685f
```
#a4685f rgb(164,104,95)
```
#a46e5f
```
#a46e5f rgb(164,110,95)
```
#a4745f
```
#a4745f rgb(164,116,95)
```
#a4795f
```
#a4795f rgb(164,121,95)
```

Similar Colors

Text with hexadecimal color #a4685f

This text has a font color of #a4685f.

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

#a4685f background color

This paragraph has a background color of #a4685f.

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

#a4685f border color

This element has a border color of #a4685f.

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

CSS codes

.text {color:#a4685f;}

.background {background-color:#a4685f;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#0f0909
```
#0f0909 rgb(15,9,9)
```
#1c1110
```
#1c1110 rgb(28,17,16)
```
#281917
```
#281917 rgb(40,25,23)
```
#35211e
```
#35211e rgb(53,33,30)
```
#412925
```
#412925 rgb(65,41,37)
```
#4e302c
```
#4e302c rgb(78,48,44)
```
#5a3833
```
#5a3833 rgb(90,56,51)
```
#67403a
```
#67403a rgb(103,64,58)
```
#734841
```
#734841 rgb(115,72,65)
```
#805049
```
#805049 rgb(128,80,73)
```
#8c5850
```
#8c5850 rgb(140,88,80)
```
#995f57
```
#995f57 rgb(153,95,87)
```

Shade Color Variation

#a4685f
```
#a4685f rgb(164,104,95)
```
#ab746c
```
#ab746c rgb(171,116,108)
```
#b28078
```
#b28078 rgb(178,128,120)
```
#b98b85
```
#b98b85 rgb(185,139,133)
```
#c09791
```
#c09791 rgb(192,151,145)
```
#c8a39e
```
#c8a39e rgb(200,163,158)
```
#cfafaa
```
#cfafaa rgb(207,175,170)
```
#d6bbb7
```
#d6bbb7 rgb(214,187,183)
```
#ddc6c3
```
#ddc6c3 rgb(221,198,195)
```
#e4d2d0
```
#e4d2d0 rgb(228,210,208)
```
#ebdedc
```
#ebdedc rgb(235,222,220)
```
#f2eae9
```
#f2eae9 rgb(242,234,233)
```
#f9f6f5
```
#f9f6f5 rgb(249,246,245)
```

Tint Color Variation

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

#877d7c
```
#877d7c rgb(135,125,124)
```
#917672
```
#917672 rgb(145,118,114)
```
#9a6f69
```
#9a6f69 rgb(154,111,105)
```
#a4685f
```
#a4685f rgb(164,104,95)
```
#ae6155
```
#ae6155 rgb(174,97,85)
```
#b75a4c
```
#b75a4c rgb(183,90,76)
```
#c15342
```
#c15342 rgb(193,83,66)
```
#cb4b38
```
#cb4b38 rgb(203,75,56)
```
#d4442f
```
#d4442f rgb(212,68,47)
```
#de3d25
```
#de3d25 rgb(222,61,37)
```
#e8361b
```
#e8361b rgb(232,54,27)
```
#f12f12
```
#f12f12 rgb(241,47,18)
```
#fb2808
```
#fb2808 rgb(251,40,8)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#827674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847e6d Protanopia 1% of men
#937964 Deuteranopia 1% of men
#aa6d75 Tritanopia 0.001% of the population

Trichromacy

#907668 Protanomaly 1% of men, 0.01% of women
#997362 Deuteranomaly 6% of men, 0.4% of women
#a76b6d Tritanomaly 0.01% of the population

#a4685f hex color

#a4685f Color Information

#a4685f Color Conversion

Color Schemes with #a4685f

Alternatives to #a4685f

#a4685f Preview

Shades and Tints of #a4685f

Tones of #a4685f

Color Blindness Simulator