#b686b8 hex color

In a RGB color space, hex #b686b8 is composed of 71.4% red, 52.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 27.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 297.6 degrees, a saturation of 26% and a lightness of 62.4%. #b686b8 color hex could be obtained by blending #ffffff with #6d0d71. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 53
- B 72
RGB color chart
- C 1
- M 27
- Y 0
- K 28
CMYK color chart

● #b686b8 color description : Slightly desaturated magenta.

The hexadecimal color #b686b8 has RGB values of R:182, G:134, B:184 and CMYK values of C:0.01, M:0.27, Y:0, K:0.28. Its decimal value is 11962040.

Hex triplet	b686b8	`#b686b8`
RGB Decimal	182, 134, 184	`rgb(182,134,184)`
RGB Percent	71.4, 52.5, 72.2	`rgb(71.4%,52.5%,72.2%)`
CMYK	1, 27, 0, 28
HSL	297.6°, 26, 62.4	`hsl(297.6,26%,62.4%)`
HSV (or HSB)	297.6°, 27.2, 72.2
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.046, 26.914, -19.017
XYZ	36.467, 30.457, 49.303
xyY	0.314, 0.262, 30.457
CIE-LCH	62.046, 32.955, 324.756
CIE-LUV	62.046, 23.91, -32.955
Hunter-Lab	55.188, 21.371, -14.336
Binary	10110110, 10000110, 10111000

#b686b8
```
#b686b8 rgb(182,134,184)
```
#88b886
```
#88b886 rgb(136,184,134)
```

Complementary Color

#9d86b8
```
#9d86b8 rgb(157,134,184)
```
#b686b8
```
#b686b8 rgb(182,134,184)
```
#b886a1
```
#b886a1 rgb(184,134,161)
```

Analogous Color

#86b89d
```
#86b89d rgb(134,184,157)
```
#b686b8
```
#b686b8 rgb(182,134,184)
```
#a1b886
```
#a1b886 rgb(161,184,134)
```

Split Complementary Color

#86b8b6
```
#86b8b6 rgb(134,184,182)
```
#b686b8
```
#b686b8 rgb(182,134,184)
```
#b8b686
```
#b8b686 rgb(184,182,134)
```

Triadic Color

#8688b8
```
#8688b8 rgb(134,136,184)
```
#b686b8
```
#b686b8 rgb(182,134,184)
```
#b8b686
```
#b8b686 rgb(184,182,134)
```
#88b886
```
#88b886 rgb(136,184,134)
```

Tetradic Color

#965998
```
#965998 rgb(150,89,152)
```
#a366a5
```
#a366a5 rgb(163,102,165)
```
#ac76af
```
#ac76af rgb(172,118,175)
```
#b686b8
```
#b686b8 rgb(182,134,184)
```
#c096c1
```
#c096c1 rgb(192,150,193)
```
#c9a6cb
```
#c9a6cb rgb(201,166,203)
```
#d3b6d4
```
#d3b6d4 rgb(211,182,212)
```

Monochromatic Color

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

#aa86b8
```
#aa86b8 rgb(170,134,184)
```
#ae86b8
```
#ae86b8 rgb(174,134,184)
```
#b286b8
```
#b286b8 rgb(178,134,184)
```
#b686b8
```
#b686b8 rgb(182,134,184)
```
#b886b6
```
#b886b6 rgb(184,134,182)
```
#b886b2
```
#b886b2 rgb(184,134,178)
```
#b886ae
```
#b886ae rgb(184,134,174)
```

Similar Colors

Text with hexadecimal color #b686b8

This text has a font color of #b686b8.

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

#b686b8 background color

This paragraph has a background color of #b686b8.

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

#b686b8 border color

This element has a border color of #b686b8.

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

CSS codes

.text {color:#b686b8;}

.background {background-color:#b686b8;}

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

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

#030203
```
#030203 rgb(3,2,3)
```
#0f090f
```
#0f090f rgb(15,9,15)
```
#1b101b
```
#1b101b rgb(27,16,27)
```
#271728
```
#271728 rgb(39,23,40)
```
#331f34
```
#331f34 rgb(51,31,52)
```
#3f2640
```
#3f2640 rgb(63,38,64)
```
#4c2d4d
```
#4c2d4d rgb(76,45,77)
```
#583459
```
#583459 rgb(88,52,89)
```
#643c66
```
#643c66 rgb(100,60,102)
```
#704372
```
#704372 rgb(112,67,114)
```
#7c4a7e
```
#7c4a7e rgb(124,74,126)
```
#88518b
```
#88518b rgb(136,81,139)
```
#945997
```
#945997 rgb(148,89,151)
```

Shade Color Variation

#a061a2
```
#a061a2 rgb(160,97,162)
```
#a76da9
```
#a76da9 rgb(167,109,169)
```
#af7ab1
```
#af7ab1 rgb(175,122,177)
```
#b686b8
```
#b686b8 rgb(182,134,184)
```
#bd92bf
```
#bd92bf rgb(189,146,191)
```
#c59fc7
```
#c59fc7 rgb(197,159,199)
```
#ccabce
```
#ccabce rgb(204,171,206)
```
#d4b7d5
```
#d4b7d5 rgb(212,183,213)
```
#dbc4dc
```
#dbc4dc rgb(219,196,220)
```
#e3d0e4
```
#e3d0e4 rgb(227,208,228)
```
#eaddeb
```
#eaddeb rgb(234,221,235)
```
#f2e9f2
```
#f2e9f2 rgb(242,233,242)
```
#f9f5f9
```
#f9f5f9 rgb(249,245,249)
```

Tint Color Variation

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

#a29ca2
```
#a29ca2 rgb(162,156,162)
```
#a895a9
```
#a895a9 rgb(168,149,169)
```
#af8db1
```
#af8db1 rgb(175,141,177)
```
#b686b8
```
#b686b8 rgb(182,134,184)
```
#bd7fbf
```
#bd7fbf rgb(189,127,191)
```
#c477c7
```
#c477c7 rgb(196,119,199)
```
#ca70ce
```
#ca70ce rgb(202,112,206)
```
#d168d6
```
#d168d6 rgb(209,104,214)
```
#d861dd
```
#d861dd rgb(216,97,221)
```
#df5ae4
```
#df5ae4 rgb(223,90,228)
```
#e652ec
```
#e652ec rgb(230,82,236)
```
#ec4bf3
```
#ec4bf3 rgb(236,75,243)
```
#f344fa
```
#f344fa rgb(243,68,250)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a096a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f99c4 Protanopia 1% of men
#9a98b7 Deuteranopia 1% of men
#b4929c Tritanopia 0.001% of the population

Trichromacy

#9d92bf Protanomaly 1% of men, 0.01% of women
#a491b7 Deuteranomaly 6% of men, 0.4% of women
#b58da6 Tritanomaly 0.01% of the population

#b686b8 hex color

#b686b8 Color Information

#b686b8 Color Conversion

Color Schemes with #b686b8

Alternatives to #b686b8

#b686b8 Preview

Shades and Tints of #b686b8

Tones of #b686b8

Color Blindness Simulator