#8686bc hex color

In a RGB color space, hex #8686bc is composed of 52.5% red, 52.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 28.7% cyan, 28.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 240 degrees, a saturation of 28.7% and a lightness of 63.1%. #8686bc color hex could be obtained by blending #ffffff with #0d0d79. Closest websafe color is: #9999cc.

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

● #8686bc color description : Slightly desaturated blue.

The hexadecimal color #8686bc has RGB values of R:134, G:134, B:188 and CMYK values of C:0.29, M:0.29, Y:0, K:0.26. Its decimal value is 8816316.

Hex triplet	8686bc	`#8686bc`
RGB Decimal	134, 134, 188	`rgb(134,134,188)`
RGB Percent	52.5, 52.5, 73.7	`rgb(52.5%,52.5%,73.7%)`
CMYK	29, 29, 0, 26
HSL	240°, 28.7, 63.1	`hsl(240,28.7%,63.1%)`
HSV (or HSB)	240°, 28.7, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	57.798, 12.333, -28.185
XYZ	27.432, 25.749, 51.099
xyY	0.263, 0.247, 25.749
CIE-LCH	57.798, 30.765, 293.633
CIE-LUV	57.798, -3.234, -44.779
Hunter-Lab	50.743, 7.696, -24.185
Binary	10000110, 10000110, 10111100

#8686bc
```
#8686bc rgb(134,134,188)
```
#bcbc86
```
#bcbc86 rgb(188,188,134)
```

Complementary Color

#86a1bc
```
#86a1bc rgb(134,161,188)
```
#8686bc
```
#8686bc rgb(134,134,188)
```
#a186bc
```
#a186bc rgb(161,134,188)
```

Analogous Color

#a1bc86
```
#a1bc86 rgb(161,188,134)
```
#8686bc
```
#8686bc rgb(134,134,188)
```
#bca186
```
#bca186 rgb(188,161,134)
```

Split Complementary Color

#86bc86
```
#86bc86 rgb(134,188,134)
```
#8686bc
```
#8686bc rgb(134,134,188)
```
#bc8686
```
#bc8686 rgb(188,134,134)
```

Triadic Color

#86bcbc
```
#86bcbc rgb(134,188,188)
```
#8686bc
```
#8686bc rgb(134,134,188)
```
#bc8686
```
#bc8686 rgb(188,134,134)
```
#bcbc86
```
#bcbc86 rgb(188,188,134)
```

Tetradic Color

#57579e
```
#57579e rgb(87,87,158)
```
#6565aa
```
#6565aa rgb(101,101,170)
```
#7676b3
```
#7676b3 rgb(118,118,179)
```
#8686bc
```
#8686bc rgb(134,134,188)
```
#9696c5
```
#9696c5 rgb(150,150,197)
```
#a7a7ce
```
#a7a7ce rgb(167,167,206)
```
#b7b7d7
```
#b7b7d7 rgb(183,183,215)
```

Monochromatic Color

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

#8694bc
```
#8694bc rgb(134,148,188)
```
#868fbc
```
#868fbc rgb(134,143,188)
```
#868bbc
```
#868bbc rgb(134,139,188)
```
#8686bc
```
#8686bc rgb(134,134,188)
```
#8b86bc
```
#8b86bc rgb(139,134,188)
```
#8f86bc
```
#8f86bc rgb(143,134,188)
```
#9486bc
```
#9486bc rgb(148,134,188)
```

Similar Colors

Text with hexadecimal color #8686bc

This text has a font color of #8686bc.

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

#8686bc background color

This paragraph has a background color of #8686bc.

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

#8686bc border color

This element has a border color of #8686bc.

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

CSS codes

.text {color:#8686bc;}

.background {background-color:#8686bc;}

.border {border:1px solid #8686bc;}

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

#030305
```
#030305 rgb(3,3,5)
```
#0a0a12
```
#0a0a12 rgb(10,10,18)
```
#11111e
```
#11111e rgb(17,17,30)
```
#18182b
```
#18182b rgb(24,24,43)
```
#1f1f38
```
#1f1f38 rgb(31,31,56)
```
#262644
```
#262644 rgb(38,38,68)
```
#2d2d51
```
#2d2d51 rgb(45,45,81)
```
#34345e
```
#34345e rgb(52,52,94)
```
#3b3b6a
```
#3b3b6a rgb(59,59,106)
```
#424277
```
#424277 rgb(66,66,119)
```
#494983
```
#494983 rgb(73,73,131)
```
#505090
```
#505090 rgb(80,80,144)
```
#57579d
```
#57579d rgb(87,87,157)
```

Shade Color Variation

#6060a7
```
#6060a7 rgb(96,96,167)
```
#6d6dae
```
#6d6dae rgb(109,109,174)
```
#7979b5
```
#7979b5 rgb(121,121,181)
```
#8686bc
```
#8686bc rgb(134,134,188)
```
#9393c3
```
#9393c3 rgb(147,147,195)
```
#9f9fca
```
#9f9fca rgb(159,159,202)
```
#acacd1
```
#acacd1 rgb(172,172,209)
```
#b8b8d8
```
#b8b8d8 rgb(184,184,216)
```
#c5c5df
```
#c5c5df rgb(197,197,223)
```
#d2d2e6
```
#d2d2e6 rgb(210,210,230)
```
#dedeed
```
#dedeed rgb(222,222,237)
```
#ebebf4
```
#ebebf4 rgb(235,235,244)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#9c9ca6
```
#9c9ca6 rgb(156,156,166)
```
#9494ae
```
#9494ae rgb(148,148,174)
```
#8d8db5
```
#8d8db5 rgb(141,141,181)
```
#8686bc
```
#8686bc rgb(134,134,188)
```
#7f7fc3
```
#7f7fc3 rgb(127,127,195)
```
#7878ca
```
#7878ca rgb(120,120,202)
```
#7070d2
```
#7070d2 rgb(112,112,210)
```
#6969d9
```
#6969d9 rgb(105,105,217)
```
#6262e0
```
#6262e0 rgb(98,98,224)
```
#5b5be7
```
#5b5be7 rgb(91,91,231)
```
#5353ef
```
#5353ef rgb(83,83,239)
```
#4c4cf6
```
#4c4cf6 rgb(76,76,246)
```
#4545fd
```
#4545fd rgb(69,69,253)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#8b8b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#808fc1 Protanopia 1% of men
#838fbe Deuteranopia 1% of men
#83939d Tritanopia 0.001% of the population

Trichromacy

#828bbf Protanomaly 1% of men, 0.01% of women
#848bbd Deuteranomaly 6% of men, 0.4% of women
#848ea8 Tritanomaly 0.01% of the population

#8686bc hex color

#8686bc Color Information

#8686bc Color Conversion

Color Schemes with #8686bc

Alternatives to #8686bc

#8686bc Preview

Shades and Tints of #8686bc

Tones of #8686bc

Color Blindness Simulator