#a5686a hex color

In a RGB color space, hex #a5686a is composed of 64.7% red, 40.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37% magenta, 35.8% yellow and 35.3% black. It has a hue angle of 358 degrees, a saturation of 25.3% and a lightness of 52.7%. #a5686a color hex could be obtained by blending #ffd0d4 with #4b0000. Closest websafe color is: #996666.

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

● #a5686a color description : Mostly desaturated dark red.

The hexadecimal color #a5686a has RGB values of R:165, G:104, B:106 and CMYK values of C:0, M:0.37, Y:0.36, K:0.35. Its decimal value is 10840170.

Hex triplet	a5686a	`#a5686a`
RGB Decimal	165, 104, 106	`rgb(165,104,106)`
RGB Percent	64.7, 40.8, 41.6	`rgb(64.7%,40.8%,41.6%)`
CMYK	0, 37, 36, 35
HSL	358°, 25.3, 52.7	`hsl(358,25.3%,52.7%)`
HSV (or HSB)	358°, 37, 64.7
Web Safe	996666	`#996666`

CIE-LAB	50.619, 24.737, 9.154
XYZ	23.069, 18.942, 16.076
xyY	0.397, 0.326, 18.942
CIE-LCH	50.619, 26.377, 20.306
CIE-LUV	50.619, 40.655, 7.44
Hunter-Lab	43.522, 18.45, 8.565
Binary	10100101, 01101000, 01101010

#a5686a
```
#a5686a rgb(165,104,106)
```
#68a5a3
```
#68a5a3 rgb(104,165,163)
```

Complementary Color

#a56889
```
#a56889 rgb(165,104,137)
```
#a5686a
```
#a5686a rgb(165,104,106)
```
#a58568
```
#a58568 rgb(165,133,104)
```

Analogous Color

#6889a5
```
#6889a5 rgb(104,137,165)
```
#a5686a
```
#a5686a rgb(165,104,106)
```
#68a585
```
#68a585 rgb(104,165,133)
```

Split Complementary Color

#686aa5
```
#686aa5 rgb(104,106,165)
```
#a5686a
```
#a5686a rgb(165,104,106)
```
#6aa568
```
#6aa568 rgb(106,165,104)
```

Triadic Color

#a368a5
```
#a368a5 rgb(163,104,165)
```
#a5686a
```
#a5686a rgb(165,104,106)
```
#6aa568
```
#6aa568 rgb(106,165,104)
```
#68a5a3
```
#68a5a3 rgb(104,165,163)
```

Tetradic Color

#794849
```
#794849 rgb(121,72,73)
```
#895153
```
#895153 rgb(137,81,83)
```
#995b5d
```
#995b5d rgb(153,91,93)
```
#a5686a
```
#a5686a rgb(165,104,106)
```
#af787a
```
#af787a rgb(175,120,122)
```
#b8888a
```
#b8888a rgb(184,136,138)
```
#c29899
```
#c29899 rgb(194,152,153)
```

Monochromatic Color

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

#a56879
```
#a56879 rgb(165,104,121)
```
#a56874
```
#a56874 rgb(165,104,116)
```
#a5686f
```
#a5686f rgb(165,104,111)
```
#a5686a
```
#a5686a rgb(165,104,106)
```
#a56b68
```
#a56b68 rgb(165,107,104)
```
#a57068
```
#a57068 rgb(165,112,104)
```
#a57568
```
#a57568 rgb(165,117,104)
```

Similar Colors

Text with hexadecimal color #a5686a

This text has a font color of #a5686a.

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

#a5686a background color

This paragraph has a background color of #a5686a.

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

#a5686a border color

This element has a border color of #a5686a.

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

CSS codes

.text {color:#a5686a;}

.background {background-color:#a5686a;}

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

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

#090505
```
#090505 rgb(9,5,5)
```
#150d0d
```
#150d0d rgb(21,13,13)
```
#211414
```
#211414 rgb(33,20,20)
```
#2e1b1c
```
#2e1b1c rgb(46,27,28)
```
#3a2323
```
#3a2323 rgb(58,35,35)
```
#462a2b
```
#462a2b rgb(70,42,43)
```
#533132
```
#533132 rgb(83,49,50)
```
#5f393a
```
#5f393a rgb(95,57,58)
```
#6b4041
```
#6b4041 rgb(107,64,65)
```
#774749
```
#774749 rgb(119,71,73)
```
#844e50
```
#844e50 rgb(132,78,80)
```
#905658
```
#905658 rgb(144,86,88)
```
#9c5d5f
```
#9c5d5f rgb(156,93,95)
```

Shade Color Variation

#a5686a
```
#a5686a rgb(165,104,106)
```
#ac7476
```
#ac7476 rgb(172,116,118)
```
#b48182
```
#b48182 rgb(180,129,130)
```
#bb8d8e
```
#bb8d8e rgb(187,141,142)
```
#c2999b
```
#c2999b rgb(194,153,155)
```
#caa5a7
```
#caa5a7 rgb(202,165,167)
```
#d1b2b3
```
#d1b2b3 rgb(209,178,179)
```
#d8bebf
```
#d8bebf rgb(216,190,191)
```
#e0cacb
```
#e0cacb rgb(224,202,203)
```
#e7d7d7
```
#e7d7d7 rgb(231,215,215)
```
#eee3e3
```
#eee3e3 rgb(238,227,227)
```
#f6efef
```
#f6efef rgb(246,239,239)
```
#fdfbfc
```
#fdfbfc rgb(253,251,252)
```

Tint Color Variation

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

#898484
```
#898484 rgb(137,132,132)
```
#927b7b
```
#927b7b rgb(146,123,123)
```
#9c7173
```
#9c7173 rgb(156,113,115)
```
#a5686a
```
#a5686a rgb(165,104,106)
```
#ae5f61
```
#ae5f61 rgb(174,95,97)
```
#b85559
```
#b85559 rgb(184,85,89)
```
#c14c50
```
#c14c50 rgb(193,76,80)
```
#ca4347
```
#ca4347 rgb(202,67,71)
```
#d33a3f
```
#d33a3f rgb(211,58,63)
```
#dd3036
```
#dd3036 rgb(221,48,54)
```
#e6272d
```
#e6272d rgb(230,39,45)
```
#ef1e25
```
#ef1e25 rgb(239,30,37)
```
#f8151c
```
#f8151c rgb(248,21,28)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#837677 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837e79 Protanopia 1% of men
#917b6e Deuteranopia 1% of men
#aa6f76 Tritanopia 0.001% of the population

Trichromacy

#8f7673 Protanomaly 1% of men, 0.01% of women
#98746d Deuteranomaly 6% of men, 0.4% of women
#a86c72 Tritanomaly 0.01% of the population

#a5686a hex color

#a5686a Color Information

#a5686a Color Conversion

Color Schemes with #a5686a

Alternatives to #a5686a

#a5686a Preview

Shades and Tints of #a5686a

Tones of #a5686a

Color Blindness Simulator