#b686b1 hex color

In a RGB color space, hex #b686b1 is composed of 71.4% red, 52.5% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.4% magenta, 2.7% yellow and 28.6% black. It has a hue angle of 306.3 degrees, a saturation of 24.7% and a lightness of 62%. #b686b1 color hex could be obtained by blending #ffffff with #6d0d63. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 71
- G 53
- B 69
RGB color chart
- C 0
- M 26
- Y 3
- K 29
CMYK color chart

● #b686b1 color description : Slightly desaturated magenta.

The hexadecimal color #b686b1 has RGB values of R:182, G:134, B:177 and CMYK values of C:0, M:0.26, Y:0.03, K:0.29. Its decimal value is 11962033.

Hex triplet	b686b1	`#b686b1`
RGB Decimal	182, 134, 177	`rgb(182,134,177)`
RGB Percent	71.4, 52.5, 69.4	`rgb(71.4%,52.5%,69.4%)`
CMYK	0, 26, 3, 29
HSL	306.3°, 24.7, 62	`hsl(306.3,24.7%,62%)`
HSV (or HSB)	306.3°, 26.4, 71.4
Web Safe	cc9999	`#cc9999`

CIE-LAB	61.801, 25.579, -15.421
XYZ	35.751, 30.171, 45.533
xyY	0.321, 0.271, 30.171
CIE-LCH	61.801, 29.868, 328.915
CIE-LUV	61.801, 24.908, -27.169
Hunter-Lab	54.928, 20.058, -10.7
Binary	10110110, 10000110, 10110001

#b686b1
```
#b686b1 rgb(182,134,177)
```
#86b68b
```
#86b68b rgb(134,182,139)
```

Complementary Color

#a386b6
```
#a386b6 rgb(163,134,182)
```
#b686b1
```
#b686b1 rgb(182,134,177)
```
#b68699
```
#b68699 rgb(182,134,153)
```

Analogous Color

#86b6a3
```
#86b6a3 rgb(134,182,163)
```
#b686b1
```
#b686b1 rgb(182,134,177)
```
#99b686
```
#99b686 rgb(153,182,134)
```

Split Complementary Color

#86b1b6
```
#86b1b6 rgb(134,177,182)
```
#b686b1
```
#b686b1 rgb(182,134,177)
```
#b1b686
```
#b1b686 rgb(177,182,134)
```

Triadic Color

#8b86b6
```
#8b86b6 rgb(139,134,182)
```
#b686b1
```
#b686b1 rgb(182,134,177)
```
#b1b686
```
#b1b686 rgb(177,182,134)
```
#86b68b
```
#86b68b rgb(134,182,139)
```

Tetradic Color

#955a8f
```
#955a8f rgb(149,90,143)
```
#a3669c
```
#a3669c rgb(163,102,156)
```
#ac76a7
```
#ac76a7 rgb(172,118,167)
```
#b686b1
```
#b686b1 rgb(182,134,177)
```
#c096bb
```
#c096bb rgb(192,150,187)
```
#c9a6c6
```
#c9a6c6 rgb(201,166,198)
```
#d3b6d0
```
#d3b6d0 rgb(211,182,208)
```

Monochromatic Color

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

#af86b6
```
#af86b6 rgb(175,134,182)
```
#b386b6
```
#b386b6 rgb(179,134,182)
```
#b686b5
```
#b686b5 rgb(182,134,181)
```
#b686b1
```
#b686b1 rgb(182,134,177)
```
#b686ad
```
#b686ad rgb(182,134,173)
```
#b686a9
```
#b686a9 rgb(182,134,169)
```
#b686a5
```
#b686a5 rgb(182,134,165)
```

Similar Colors

Text with hexadecimal color #b686b1

This text has a font color of #b686b1.

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

#b686b1 background color

This paragraph has a background color of #b686b1.

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

#b686b1 border color

This element has a border color of #b686b1.

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

CSS codes

.text {color:#b686b1;}

.background {background-color:#b686b1;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0e080d
```
#0e080d rgb(14,8,13)
```
#1a1019
```
#1a1019 rgb(26,16,25)
```
#261724
```
#261724 rgb(38,23,36)
```
#321e30
```
#321e30 rgb(50,30,48)
```
#3f263c
```
#3f263c rgb(63,38,60)
```
#4b2d48
```
#4b2d48 rgb(75,45,72)
```
#573453
```
#573453 rgb(87,52,83)
```
#633c5f
```
#633c5f rgb(99,60,95)
```
#6f436b
```
#6f436b rgb(111,67,107)
```
#7c4b77
```
#7c4b77 rgb(124,75,119)
```
#885282
```
#885282 rgb(136,82,130)
```
#94598e
```
#94598e rgb(148,89,142)
```

Shade Color Variation

#a06199
```
#a06199 rgb(160,97,153)
```
#a76ea1
```
#a76ea1 rgb(167,110,161)
```
#af7aa9
```
#af7aa9 rgb(175,122,169)
```
#b686b1
```
#b686b1 rgb(182,134,177)
```
#bd92b9
```
#bd92b9 rgb(189,146,185)
```
#c59ec1
```
#c59ec1 rgb(197,158,193)
```
#ccabc9
```
#ccabc9 rgb(204,171,201)
```
#d4b7d1
```
#d4b7d1 rgb(212,183,209)
```
#dbc3d8
```
#dbc3d8 rgb(219,195,216)
```
#e2cfe0
```
#e2cfe0 rgb(226,207,224)
```
#eadce8
```
#eadce8 rgb(234,220,232)
```
#f1e8f0
```
#f1e8f0 rgb(241,232,240)
```
#f8f4f8
```
#f8f4f8 rgb(248,244,248)
```

Tint Color Variation

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

#a09c9f
```
#a09c9f rgb(160,156,159)
```
#a795a5
```
#a795a5 rgb(167,149,165)
```
#af8dab
```
#af8dab rgb(175,141,171)
```
#b686b1
```
#b686b1 rgb(182,134,177)
```
#bd7fb7
```
#bd7fb7 rgb(189,127,183)
```
#c577bd
```
#c577bd rgb(197,119,189)
```
#cc70c3
```
#cc70c3 rgb(204,112,195)
```
#d468c9
```
#d468c9 rgb(212,104,201)
```
#db61cf
```
#db61cf rgb(219,97,207)
```
#e359d4
```
#e359d4 rgb(227,89,212)
```
#ea52da
```
#ea52da rgb(234,82,218)
```
#f24ae0
```
#f24ae0 rgb(242,74,224)
```
#f943e6
```
#f943e6 rgb(249,67,230)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9f959e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9199bd Protanopia 1% of men
#9d97b1 Deuteranopia 1% of men
#b5919b Tritanopia 0.001% of the population

Trichromacy

#9e92b8 Protanomaly 1% of men, 0.01% of women
#a691b1 Deuteranomaly 6% of men, 0.4% of women
#b58da3 Tritanomaly 0.01% of the population

#b686b1 hex color

#b686b1 Color Information

#b686b1 Color Conversion

Color Schemes with #b686b1

Alternatives to #b686b1

#b686b1 Preview

Shades and Tints of #b686b1

Tones of #b686b1

Color Blindness Simulator