#a4685a hex color

In a RGB color space, hex #a4685a is composed of 64.3% red, 40.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.6% magenta, 45.1% yellow and 35.7% black. It has a hue angle of 11.4 degrees, a saturation of 29.1% and a lightness of 49.8%. #a4685a color hex could be obtained by blending #ffd0b4 with #490000. Closest websafe color is: #996666.

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

● #a4685a color description : Dark moderate red.

The hexadecimal color #a4685a has RGB values of R:164, G:104, B:90 and CMYK values of C:0, M:0.37, Y:0.45, K:0.36. Its decimal value is 10774618.

Hex triplet	a4685a	`#a4685a`
RGB Decimal	164, 104, 90	`rgb(164,104,90)`
RGB Percent	64.3, 40.8, 35.3	`rgb(64.3%,40.8%,35.3%)`
CMYK	0, 37, 45, 36
HSL	11.4°, 29.1, 49.8	`hsl(11.4,29.1%,49.8%)`
HSV (or HSB)	11.4°, 45.1, 64.3
Web Safe	996666	`#996666`

CIE-LAB	50.136, 22.418, 17.912
XYZ	22.106, 18.533, 12.085
xyY	0.419, 0.352, 18.533
CIE-LCH	50.136, 28.695, 38.624
CIE-LUV	50.136, 42.397, 17.96
Hunter-Lab	43.05, 16.322, 13.49
Binary	10100100, 01101000, 01011010

#a4685a
```
#a4685a rgb(164,104,90)
```
#5a96a4
```
#5a96a4 rgb(90,150,164)
```

Complementary Color

#a45a71
```
#a45a71 rgb(164,90,113)
```
#a4685a
```
#a4685a rgb(164,104,90)
```
#a48d5a
```
#a48d5a rgb(164,141,90)
```

Analogous Color

#5a71a4
```
#5a71a4 rgb(90,113,164)
```
#a4685a
```
#a4685a rgb(164,104,90)
```
#5aa48d
```
#5aa48d rgb(90,164,141)
```

Split Complementary Color

#685aa4
```
#685aa4 rgb(104,90,164)
```
#a4685a
```
#a4685a rgb(164,104,90)
```
#5aa468
```
#5aa468 rgb(90,164,104)
```

Triadic Color

#a45a96
```
#a45a96 rgb(164,90,150)
```
#a4685a
```
#a4685a rgb(164,104,90)
```
#5aa468
```
#5aa468 rgb(90,164,104)
```
#5a96a4
```
#5a96a4 rgb(90,150,164)
```

Tetradic Color

#73493f
```
#73493f rgb(115,73,63)
```
#835348
```
#835348 rgb(131,83,72)
```
#945e51
```
#945e51 rgb(148,94,81)
```
#a4685a
```
#a4685a rgb(164,104,90)
```
#ad776a
```
#ad776a rgb(173,119,106)
```
#b6867b
```
#b6867b rgb(182,134,123)
```
#bf958b
```
#bf958b rgb(191,149,139)
```

Monochromatic Color

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

#a45a5f
```
#a45a5f rgb(164,90,95)
```
#a45c5a
```
#a45c5a rgb(164,92,90)
```
#a4625a
```
#a4625a rgb(164,98,90)
```
#a4685a
```
#a4685a rgb(164,104,90)
```
#a46e5a
```
#a46e5a rgb(164,110,90)
```
#a4745a
```
#a4745a rgb(164,116,90)
```
#a47b5a
```
#a47b5a rgb(164,123,90)
```

Similar Colors

Text with hexadecimal color #a4685a

This text has a font color of #a4685a.

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

#a4685a background color

This paragraph has a background color of #a4685a.

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

#a4685a border color

This element has a border color of #a4685a.

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

CSS codes

.text {color:#a4685a;}

.background {background-color:#a4685a;}

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

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

#0c0807
```
#0c0807 rgb(12,8,7)
```
#19100e
```
#19100e rgb(25,16,14)
```
#251814
```
#251814 rgb(37,24,20)
```
#32201b
```
#32201b rgb(50,32,27)
```
#3f2822
```
#3f2822 rgb(63,40,34)
```
#4b3029
```
#4b3029 rgb(75,48,41)
```
#583830
```
#583830 rgb(88,56,48)
```
#654037
```
#654037 rgb(101,64,55)
```
#71483e
```
#71483e rgb(113,72,62)
```
#7e5045
```
#7e5045 rgb(126,80,69)
```
#8b584c
```
#8b584c rgb(139,88,76)
```
#976053
```
#976053 rgb(151,96,83)
```
#a4685a
```
#a4685a rgb(164,104,90)
```

Shade Color Variation

#ab7366
```
#ab7366 rgb(171,115,102)
```
#b27f73
```
#b27f73 rgb(178,127,115)
```
#b98b80
```
#b98b80 rgb(185,139,128)
```
#c0968c
```
#c0968c rgb(192,150,140)
```
#c7a299
```
#c7a299 rgb(199,162,153)
```
#ceada6
```
#ceada6 rgb(206,173,166)
```
#d5b9b2
```
#d5b9b2 rgb(213,185,178)
```
#dcc4bf
```
#dcc4bf rgb(220,196,191)
```
#e3d0cc
```
#e3d0cc rgb(227,208,204)
```
#eadcd8
```
#eadcd8 rgb(234,220,216)
```
#f1e7e5
```
#f1e7e5 rgb(241,231,229)
```
#f8f3f2
```
#f8f3f2 rgb(248,243,242)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#877a77
```
#877a77 rgb(135,122,119)
```
#90746e
```
#90746e rgb(144,116,110)
```
#9a6e64
```
#9a6e64 rgb(154,110,100)
```
#a4685a
```
#a4685a rgb(164,104,90)
```
#ae6250
```
#ae6250 rgb(174,98,80)
```
#b85c46
```
#b85c46 rgb(184,92,70)
```
#c1563d
```
#c1563d rgb(193,86,61)
```
#cb5033
```
#cb5033 rgb(203,80,51)
```
#d54a29
```
#d54a29 rgb(213,74,41)
```
#df441f
```
#df441f rgb(223,68,31)
```
#e83d16
```
#e83d16 rgb(232,61,22)
```
#f2370c
```
#f2370c rgb(242,55,12)
```
#fc3102
```
#fc3102 rgb(252,49,2)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#817572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857e68 Protanopia 1% of men
#947960 Deuteranopia 1% of men
#aa6d74 Tritanopia 0.001% of the population

Trichromacy

#907663 Protanomaly 1% of men, 0.01% of women
#99735d Deuteranomaly 6% of men, 0.4% of women
#a86b6a Tritanomaly 0.01% of the population

#a4685a hex color

#a4685a Color Information

#a4685a Color Conversion

Color Schemes with #a4685a

Alternatives to #a4685a

#a4685a Preview

Shades and Tints of #a4685a

Tones of #a4685a

Color Blindness Simulator