#b686a1 hex color

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

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

● #b686a1 color description : Slightly desaturated pink.

The hexadecimal color #b686a1 has RGB values of R:182, G:134, B:161 and CMYK values of C:0, M:0.26, Y:0.12, K:0.29. Its decimal value is 11962017.

Hex triplet	b686a1	`#b686a1`
RGB Decimal	182, 134, 161	`rgb(182,134,161)`
RGB Percent	71.4, 52.5, 63.1	`rgb(71.4%,52.5%,63.1%)`
CMYK	0, 26, 12, 29
HSL	326.3°, 24.7, 62	`hsl(326.3,24.7%,62%)`
HSV (or HSB)	326.3°, 26.4, 71.4
Web Safe	cc9999	`#cc9999`

CIE-LAB	61.281, 22.692, -7.097
XYZ	34.249, 29.57, 37.62
xyY	0.338, 0.292, 29.57
CIE-LCH	61.281, 23.776, 342.633
CIE-LUV	61.281, 27.166, -14.159
Hunter-Lab	54.378, 17.263, -2.953
Binary	10110110, 10000110, 10100001

#b686a1
```
#b686a1 rgb(182,134,161)
```
#86b69b
```
#86b69b rgb(134,182,155)
```

Complementary Color

#b386b6
```
#b386b6 rgb(179,134,182)
```
#b686a1
```
#b686a1 rgb(182,134,161)
```
#b68689
```
#b68689 rgb(182,134,137)
```

Analogous Color

#86b6b3
```
#86b6b3 rgb(134,182,179)
```
#b686a1
```
#b686a1 rgb(182,134,161)
```
#89b686
```
#89b686 rgb(137,182,134)
```

Split Complementary Color

#86a1b6
```
#86a1b6 rgb(134,161,182)
```
#b686a1
```
#b686a1 rgb(182,134,161)
```
#a1b686
```
#a1b686 rgb(161,182,134)
```

Triadic Color

#9b86b6
```
#9b86b6 rgb(155,134,182)
```
#b686a1
```
#b686a1 rgb(182,134,161)
```
#a1b686
```
#a1b686 rgb(161,182,134)
```
#86b69b
```
#86b69b rgb(134,182,155)
```

Tetradic Color

#955a7b
```
#955a7b rgb(149,90,123)
```
#a36688
```
#a36688 rgb(163,102,136)
```
#ac7695
```
#ac7695 rgb(172,118,149)
```
#b686a1
```
#b686a1 rgb(182,134,161)
```
#c096ad
```
#c096ad rgb(192,150,173)
```
#c9a6ba
```
#c9a6ba rgb(201,166,186)
```
#d3b6c6
```
#d3b6c6 rgb(211,182,198)
```

Monochromatic Color

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

#b686ad
```
#b686ad rgb(182,134,173)
```
#b686a9
```
#b686a9 rgb(182,134,169)
```
#b686a5
```
#b686a5 rgb(182,134,165)
```
#b686a1
```
#b686a1 rgb(182,134,161)
```
#b6869d
```
#b6869d rgb(182,134,157)
```
#b68699
```
#b68699 rgb(182,134,153)
```
#b68695
```
#b68695 rgb(182,134,149)
```

Similar Colors

Text with hexadecimal color #b686a1

This text has a font color of #b686a1.

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

#b686a1 background color

This paragraph has a background color of #b686a1.

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

#b686a1 border color

This element has a border color of #b686a1.

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

CSS codes

.text {color:#b686a1;}

.background {background-color:#b686a1;}

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

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 #f8f4f7 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0e080b
```
#0e080b rgb(14,8,11)
```
#1a1015
```
#1a1015 rgb(26,16,21)
```
#26171f
```
#26171f rgb(38,23,31)
```
#321e2a
```
#321e2a rgb(50,30,42)
```
#3f2634
```
#3f2634 rgb(63,38,52)
```
#4b2d3e
```
#4b2d3e rgb(75,45,62)
```
#573448
```
#573448 rgb(87,52,72)
```
#633c52
```
#633c52 rgb(99,60,82)
```
#6f435c
```
#6f435c rgb(111,67,92)
```
#7c4b66
```
#7c4b66 rgb(124,75,102)
```
#885270
```
#885270 rgb(136,82,112)
```
#94597a
```
#94597a rgb(148,89,122)
```

Shade Color Variation

#a06184
```
#a06184 rgb(160,97,132)
```
#a76e8e
```
#a76e8e rgb(167,110,142)
```
#af7a97
```
#af7a97 rgb(175,122,151)
```
#b686a1
```
#b686a1 rgb(182,134,161)
```
#bd92ab
```
#bd92ab rgb(189,146,171)
```
#c59eb4
```
#c59eb4 rgb(197,158,180)
```
#ccabbe
```
#ccabbe rgb(204,171,190)
```
#d4b7c7
```
#d4b7c7 rgb(212,183,199)
```
#dbc3d1
```
#dbc3d1 rgb(219,195,209)
```
#e2cfda
```
#e2cfda rgb(226,207,218)
```
#eadce4
```
#eadce4 rgb(234,220,228)
```
#f1e8ed
```
#f1e8ed rgb(241,232,237)
```
#f8f4f7
```
#f8f4f7 rgb(248,244,247)
```

Tint Color Variation

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

#a09c9e
```
#a09c9e rgb(160,156,158)
```
#a7959f
```
#a7959f rgb(167,149,159)
```
#af8da0
```
#af8da0 rgb(175,141,160)
```
#b686a1
```
#b686a1 rgb(182,134,161)
```
#bd7fa2
```
#bd7fa2 rgb(189,127,162)
```
#c577a3
```
#c577a3 rgb(197,119,163)
```
#cc70a4
```
#cc70a4 rgb(204,112,164)
```
#d468a5
```
#d468a5 rgb(212,104,165)
```
#db61a6
```
#db61a6 rgb(219,97,166)
```
#e359a7
```
#e359a7 rgb(227,89,167)
```
#ea52a8
```
#ea52a8 rgb(234,82,168)
```
#f24aa8
```
#f24aa8 rgb(242,74,168)
```
#f943a9
```
#f943a9 rgb(249,67,169)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9d9499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9598ac Protanopia 1% of men
#a395a3 Deuteranopia 1% of men
#b78e98 Tritanopia 0.001% of the population

Trichromacy

#a191a8 Protanomaly 1% of men, 0.01% of women
#a98fa2 Deuteranomaly 6% of men, 0.4% of women
#b78b9b Tritanomaly 0.01% of the population

#b686a1 hex color

#b686a1 Color Information

#b686a1 Color Conversion

Color Schemes with #b686a1

Alternatives to #b686a1

#b686a1 Preview

Shades and Tints of #b686a1

Tones of #b686a1

Color Blindness Simulator