#b686bf hex color

In a RGB color space, hex #b686bf is composed of 71.4% red, 52.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 29.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 290.5 degrees, a saturation of 30.8% and a lightness of 63.7%. #b686bf color hex could be obtained by blending #ffffff with #6d0d7f. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 53
- B 75
RGB color chart
- C 5
- M 30
- Y 0
- K 25
CMYK color chart

● #b686bf color description : Slightly desaturated magenta.

The hexadecimal color #b686bf has RGB values of R:182, G:134, B:191 and CMYK values of C:0.05, M:0.3, Y:0, K:0.25. Its decimal value is 11962047.

Hex triplet	b686bf	`#b686bf`
RGB Decimal	182, 134, 191	`rgb(182,134,191)`
RGB Percent	71.4, 52.5, 74.9	`rgb(71.4%,52.5%,74.9%)`
CMYK	5, 30, 0, 25
HSL	290.5°, 30.8, 63.7	`hsl(290.5,30.8%,63.7%)`
HSV (or HSB)	290.5°, 29.8, 74.9
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.303, 28.291, -22.582
XYZ	37.219, 30.758, 53.264
xyY	0.307, 0.254, 30.758
CIE-LCH	62.303, 36.199, 321.402
CIE-LUV	62.303, 22.911, -38.778
Hunter-Lab	55.46, 22.738, -18.12
Binary	10110110, 10000110, 10111111

#b686bf
```
#b686bf rgb(182,134,191)
```
#8fbf86
```
#8fbf86 rgb(143,191,134)
```

Complementary Color

#9a86bf
```
#9a86bf rgb(154,134,191)
```
#b686bf
```
#b686bf rgb(182,134,191)
```
#bf86ac
```
#bf86ac rgb(191,134,172)
```

Analogous Color

#86bf9a
```
#86bf9a rgb(134,191,154)
```
#b686bf
```
#b686bf rgb(182,134,191)
```
#acbf86
```
#acbf86 rgb(172,191,134)
```

Split Complementary Color

#86bfb6
```
#86bfb6 rgb(134,191,182)
```
#b686bf
```
#b686bf rgb(182,134,191)
```
#bfb686
```
#bfb686 rgb(191,182,134)
```

Triadic Color

#868fbf
```
#868fbf rgb(134,143,191)
```
#b686bf
```
#b686bf rgb(182,134,191)
```
#bfb686
```
#bfb686 rgb(191,182,134)
```
#8fbf86
```
#8fbf86 rgb(143,191,134)
```

Tetradic Color

#9656a3
```
#9656a3 rgb(150,86,163)
```
#a265ad
```
#a265ad rgb(162,101,173)
```
#ac75b6
```
#ac75b6 rgb(172,117,182)
```
#b686bf
```
#b686bf rgb(182,134,191)
```
#c097c8
```
#c097c8 rgb(192,151,200)
```
#caa7d1
```
#caa7d1 rgb(202,167,209)
```
#d4b8d9
```
#d4b8d9 rgb(212,184,217)
```

Monochromatic Color

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

#a886bf
```
#a886bf rgb(168,134,191)
```
#ad86bf
```
#ad86bf rgb(173,134,191)
```
#b186bf
```
#b186bf rgb(177,134,191)
```
#b686bf
```
#b686bf rgb(182,134,191)
```
#bb86bf
```
#bb86bf rgb(187,134,191)
```
#bf86bf
```
#bf86bf rgb(191,134,191)
```
#bf86ba
```
#bf86ba rgb(191,134,186)
```

Similar Colors

Text with hexadecimal color #b686bf

This text has a font color of #b686bf.

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

#b686bf background color

This paragraph has a background color of #b686bf.

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

#b686bf border color

This element has a border color of #b686bf.

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

CSS codes

.text {color:#b686bf;}

.background {background-color:#b686bf;}

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

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

#070407
```
#070407 rgb(7,4,7)
```
#130b14
```
#130b14 rgb(19,11,20)
```
#1f1121
```
#1f1121 rgb(31,17,33)
```
#2a182e
```
#2a182e rgb(42,24,46)
```
#361f3b
```
#361f3b rgb(54,31,59)
```
#422647
```
#422647 rgb(66,38,71)
```
#4e2d54
```
#4e2d54 rgb(78,45,84)
```
#5a3361
```
#5a3361 rgb(90,51,97)
```
#663a6e
```
#663a6e rgb(102,58,110)
```
#72417b
```
#72417b rgb(114,65,123)
```
#7e4888
```
#7e4888 rgb(126,72,136)
```
#894f94
```
#894f94 rgb(137,79,148)
```
#9555a1
```
#9555a1 rgb(149,85,161)
```

Shade Color Variation

#9f60ab
```
#9f60ab rgb(159,96,171)
```
#a76cb1
```
#a76cb1 rgb(167,108,177)
```
#ae79b8
```
#ae79b8 rgb(174,121,184)
```
#b686bf
```
#b686bf rgb(182,134,191)
```
#be93c6
```
#be93c6 rgb(190,147,198)
```
#c5a0cd
```
#c5a0cd rgb(197,160,205)
```
#cdacd3
```
#cdacd3 rgb(205,172,211)
```
#d5b9da
```
#d5b9da rgb(213,185,218)
```
#ddc6e1
```
#ddc6e1 rgb(221,198,225)
```
#e4d3e8
```
#e4d3e8 rgb(228,211,232)
```
#ece0ef
```
#ece0ef rgb(236,224,239)
```
#f4edf5
```
#f4edf5 rgb(244,237,245)
```
#fcf9fc
```
#fcf9fc rgb(252,249,252)
```

Tint Color Variation

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

#a3a2a3
```
#a3a2a3 rgb(163,162,163)
```
#a79baa
```
#a79baa rgb(167,155,170)
```
#ac94b1
```
#ac94b1 rgb(172,148,177)
```
#b18db8
```
#b18db8 rgb(177,141,184)
```
#b686bf
```
#b686bf rgb(182,134,191)
```
#bb7fc6
```
#bb7fc6 rgb(187,127,198)
```
#c078cd
```
#c078cd rgb(192,120,205)
```
#c571d4
```
#c571d4 rgb(197,113,212)
```
#c96adb
```
#c96adb rgb(201,106,219)
```
#ce62e3
```
#ce62e3 rgb(206,98,227)
```
#d35bea
```
#d35bea rgb(211,91,234)
```
#d854f1
```
#d854f1 rgb(216,84,241)
```
#dd4df8
```
#dd4df8 rgb(221,77,248)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a097a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d9acb Protanopia 1% of men
#9899be Deuteranopia 1% of men
#b3939e Tritanopia 0.001% of the population

Trichromacy

#9c92c6 Protanomaly 1% of men, 0.01% of women
#a292be Deuteranomaly 6% of men, 0.4% of women
#b48eaa Tritanomaly 0.01% of the population

#b686bf hex color

#b686bf Color Information

#b686bf Color Conversion

Color Schemes with #b686bf

Alternatives to #b686bf

#b686bf Preview

Shades and Tints of #b686bf

Tones of #b686bf

Color Blindness Simulator