#a686b2 hex color

In a RGB color space, hex #a686b2 is composed of 65.1% red, 52.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 6.7% cyan, 24.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 283.6 degrees, a saturation of 22.2% and a lightness of 61.2%. #a686b2 color hex could be obtained by blending #ffffff with #4d0d65. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 65
- G 53
- B 70
RGB color chart
- C 7
- M 25
- Y 0
- K 30
CMYK color chart

● #a686b2 color description : Dark grayish violet.

The hexadecimal color #a686b2 has RGB values of R:166, G:134, B:178 and CMYK values of C:0.07, M:0.25, Y:0, K:0.3. Its decimal value is 10913458.

Hex triplet	a686b2	`#a686b2`
RGB Decimal	166, 134, 178	`rgb(166,134,178)`
RGB Percent	65.1, 52.5, 69.8	`rgb(65.1%,52.5%,69.8%)`
CMYK	7, 25, 0, 30
HSL	283.6°, 22.2, 61.2	`hsl(283.6,22.2%,61.2%)`
HSV (or HSB)	283.6°, 24.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	60.223, 20.318, -18.534
XYZ	32.286, 28.372, 45.893
xyY	0.303, 0.266, 28.372
CIE-LCH	60.223, 27.502, 317.629
CIE-LUV	60.223, 14.882, -30.981
Hunter-Lab	53.265, 14.979, -13.798
Binary	10100110, 10000110, 10110010

#a686b2
```
#a686b2 rgb(166,134,178)
```
#92b286
```
#92b286 rgb(146,178,134)
```

Complementary Color

#9086b2
```
#9086b2 rgb(144,134,178)
```
#a686b2
```
#a686b2 rgb(166,134,178)
```
#b286a8
```
#b286a8 rgb(178,134,168)
```

Analogous Color

#86b290
```
#86b290 rgb(134,178,144)
```
#a686b2
```
#a686b2 rgb(166,134,178)
```
#a8b286
```
#a8b286 rgb(168,178,134)
```

Split Complementary Color

#86b2a6
```
#86b2a6 rgb(134,178,166)
```
#a686b2
```
#a686b2 rgb(166,134,178)
```
#b2a686
```
#b2a686 rgb(178,166,134)
```

Triadic Color

#8692b2
```
#8692b2 rgb(134,146,178)
```
#a686b2
```
#a686b2 rgb(166,134,178)
```
#b2a686
```
#b2a686 rgb(178,166,134)
```
#92b286
```
#92b286 rgb(146,178,134)
```

Tetradic Color

#825c90
```
#825c90 rgb(130,92,144)
```
#8f679e
```
#8f679e rgb(143,103,158)
```
#9b76a8
```
#9b76a8 rgb(155,118,168)
```
#a686b2
```
#a686b2 rgb(166,134,178)
```
#b196bc
```
#b196bc rgb(177,150,188)
```
#bda5c6
```
#bda5c6 rgb(189,165,198)
```
#c8b5d0
```
#c8b5d0 rgb(200,181,208)
```

Monochromatic Color

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

#9b86b2
```
#9b86b2 rgb(155,134,178)
```
#9f86b2
```
#9f86b2 rgb(159,134,178)
```
#a286b2
```
#a286b2 rgb(162,134,178)
```
#a686b2
```
#a686b2 rgb(166,134,178)
```
#aa86b2
```
#aa86b2 rgb(170,134,178)
```
#ad86b2
```
#ad86b2 rgb(173,134,178)
```
#b186b2
```
#b186b2 rgb(177,134,178)
```

Similar Colors

Text with hexadecimal color #a686b2

This text has a font color of #a686b2.

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

#a686b2 background color

This paragraph has a background color of #a686b2.

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

#a686b2 border color

This element has a border color of #a686b2.

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

CSS codes

.text {color:#a686b2;}

.background {background-color:#a686b2;}

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

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

#0a070b
```
#0a070b rgb(10,7,11)
```
#150f17
```
#150f17 rgb(21,15,23)
```
#1f1623
```
#1f1623 rgb(31,22,35)
```
#2a1e2f
```
#2a1e2f rgb(42,30,47)
```
#35253b
```
#35253b rgb(53,37,59)
```
#402d47
```
#402d47 rgb(64,45,71)
```
#4b3553
```
#4b3553 rgb(75,53,83)
```
#553c5f
```
#553c5f rgb(85,60,95)
```
#60446b
```
#60446b rgb(96,68,107)
```
#6b4c77
```
#6b4c77 rgb(107,76,119)
```
#765383
```
#765383 rgb(118,83,131)
```
#815b8f
```
#815b8f rgb(129,91,143)
```
#8b629b
```
#8b629b rgb(139,98,155)
```

Shade Color Variation

#946ea3
```
#946ea3 rgb(148,110,163)
```
#9d7aaa
```
#9d7aaa rgb(157,122,170)
```
#a686b2
```
#a686b2 rgb(166,134,178)
```
#af92ba
```
#af92ba rgb(175,146,186)
```
#b89ec1
```
#b89ec1 rgb(184,158,193)
```
#c0aac9
```
#c0aac9 rgb(192,170,201)
```
#c9b6d1
```
#c9b6d1 rgb(201,182,209)
```
#d2c2d8
```
#d2c2d8 rgb(210,194,216)
```
#dbcee0
```
#dbcee0 rgb(219,206,224)
```
#e4dae7
```
#e4dae7 rgb(228,218,231)
```
#ede6ef
```
#ede6ef rgb(237,230,239)
```
#f5f2f7
```
#f5f2f7 rgb(245,242,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#9f95a3
```
#9f95a3 rgb(159,149,163)
```
#a38eaa
```
#a38eaa rgb(163,142,170)
```
#a686b2
```
#a686b2 rgb(166,134,178)
```
#a97eba
```
#a97eba rgb(169,126,186)
```
#ad77c1
```
#ad77c1 rgb(173,119,193)
```
#b06fc9
```
#b06fc9 rgb(176,111,201)
```
#b468d0
```
#b468d0 rgb(180,104,208)
```
#b760d8
```
#b760d8 rgb(183,96,216)
```
#bb58e0
```
#bb58e0 rgb(187,88,224)
```
#be51e7
```
#be51e7 rgb(190,81,231)
```
#c249ef
```
#c249ef rgb(194,73,239)
```
#c541f7
```
#c541f7 rgb(197,65,247)
```
#c93afe
```
#c93afe rgb(201,58,254)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#98929b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c95bb Protanopia 1% of men
#9593b3 Deuteranopia 1% of men
#a5919b Tritanopia 0.001% of the population

Trichromacy

#958fb8 Protanomaly 1% of men, 0.01% of women
#9b8eb3 Deuteranomaly 6% of men, 0.4% of women
#a58da3 Tritanomaly 0.01% of the population

#a686b2 hex color

#a686b2 Color Information

#a686b2 Color Conversion

Color Schemes with #a686b2

Alternatives to #a686b2

#a686b2 Preview

Shades and Tints of #a686b2

Tones of #a686b2

Color Blindness Simulator