#8686bb hex color

In a RGB color space, hex #8686bb is composed of 52.5% red, 52.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 28.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 240 degrees, a saturation of 28% and a lightness of 62.9%. #8686bb color hex could be obtained by blending #ffffff with #0d0d77. Closest websafe color is: #9999cc.

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

● #8686bb color description : Slightly desaturated blue.

The hexadecimal color #8686bb has RGB values of R:134, G:134, B:187 and CMYK values of C:0.28, M:0.28, Y:0, K:0.27. Its decimal value is 8816315.

Hex triplet	8686bb	`#8686bb`
RGB Decimal	134, 134, 187	`rgb(134,134,187)`
RGB Percent	52.5, 52.5, 73.3	`rgb(52.5%,52.5%,73.3%)`
CMYK	28, 28, 0, 27
HSL	240°, 28, 62.9	`hsl(240,28%,62.9%)`
HSV (or HSB)	240°, 28.3, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	57.757, 12.078, -27.68
XYZ	27.325, 25.706, 50.533
xyY	0.264, 0.248, 25.706
CIE-LCH	57.757, 30.2, 293.574
CIE-LUV	57.757, -3.172, -43.93
Hunter-Lab	50.701, 7.473, -23.603
Binary	10000110, 10000110, 10111011

#8686bb
```
#8686bb rgb(134,134,187)
```
#bbbb86
```
#bbbb86 rgb(187,187,134)
```

Complementary Color

#86a1bb
```
#86a1bb rgb(134,161,187)
```
#8686bb
```
#8686bb rgb(134,134,187)
```
#a186bb
```
#a186bb rgb(161,134,187)
```

Analogous Color

#a1bb86
```
#a1bb86 rgb(161,187,134)
```
#8686bb
```
#8686bb rgb(134,134,187)
```
#bba186
```
#bba186 rgb(187,161,134)
```

Split Complementary Color

#86bb86
```
#86bb86 rgb(134,187,134)
```
#8686bb
```
#8686bb rgb(134,134,187)
```
#bb8686
```
#bb8686 rgb(187,134,134)
```

Triadic Color

#86bbbb
```
#86bbbb rgb(134,187,187)
```
#8686bb
```
#8686bb rgb(134,134,187)
```
#bb8686
```
#bb8686 rgb(187,134,134)
```
#bbbb86
```
#bbbb86 rgb(187,187,134)
```

Tetradic Color

#58589d
```
#58589d rgb(88,88,157)
```
#6565a9
```
#6565a9 rgb(101,101,169)
```
#7676b2
```
#7676b2 rgb(118,118,178)
```
#8686bb
```
#8686bb rgb(134,134,187)
```
#9696c4
```
#9696c4 rgb(150,150,196)
```
#a7a7cd
```
#a7a7cd rgb(167,167,205)
```
#b7b7d7
```
#b7b7d7 rgb(183,183,215)
```

Monochromatic Color

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

#8693bb
```
#8693bb rgb(134,147,187)
```
#868fbb
```
#868fbb rgb(134,143,187)
```
#868abb
```
#868abb rgb(134,138,187)
```
#8686bb
```
#8686bb rgb(134,134,187)
```
#8a86bb
```
#8a86bb rgb(138,134,187)
```
#8f86bb
```
#8f86bb rgb(143,134,187)
```
#9386bb
```
#9386bb rgb(147,134,187)
```

Similar Colors

Text with hexadecimal color #8686bb

This text has a font color of #8686bb.

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

#8686bb background color

This paragraph has a background color of #8686bb.

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

#8686bb border color

This element has a border color of #8686bb.

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

CSS codes

.text {color:#8686bb;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0a0a11
```
#0a0a11 rgb(10,10,17)
```
#11111e
```
#11111e rgb(17,17,30)
```
#18182a
```
#18182a rgb(24,24,42)
```
#1f1f37
```
#1f1f37 rgb(31,31,55)
```
#262643
```
#262643 rgb(38,38,67)
```
#2d2d50
```
#2d2d50 rgb(45,45,80)
```
#34345c
```
#34345c rgb(52,52,92)
```
#3b3b69
```
#3b3b69 rgb(59,59,105)
```
#424276
```
#424276 rgb(66,66,118)
```
#494982
```
#494982 rgb(73,73,130)
```
#50508f
```
#50508f rgb(80,80,143)
```
#57579b
```
#57579b rgb(87,87,155)
```

Shade Color Variation

#6060a6
```
#6060a6 rgb(96,96,166)
```
#6d6dad
```
#6d6dad rgb(109,109,173)
```
#7979b4
```
#7979b4 rgb(121,121,180)
```
#8686bb
```
#8686bb rgb(134,134,187)
```
#9393c2
```
#9393c2 rgb(147,147,194)
```
#9f9fc9
```
#9f9fc9 rgb(159,159,201)
```
#acacd0
```
#acacd0 rgb(172,172,208)
```
#b8b8d7
```
#b8b8d7 rgb(184,184,215)
```
#c5c5de
```
#c5c5de rgb(197,197,222)
```
#d1d1e5
```
#d1d1e5 rgb(209,209,229)
```
#dedeec
```
#dedeec rgb(222,222,236)
```
#eaeaf3
```
#eaeaf3 rgb(234,234,243)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

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

#9c9ca5
```
#9c9ca5 rgb(156,156,165)
```
#9595ac
```
#9595ac rgb(149,149,172)
```
#8d8db4
```
#8d8db4 rgb(141,141,180)
```
#8686bb
```
#8686bb rgb(134,134,187)
```
#7f7fc2
```
#7f7fc2 rgb(127,127,194)
```
#7777ca
```
#7777ca rgb(119,119,202)
```
#7070d1
```
#7070d1 rgb(112,112,209)
```
#6969d8
```
#6969d8 rgb(105,105,216)
```
#6262df
```
#6262df rgb(98,98,223)
```
#5a5ae7
```
#5a5ae7 rgb(90,90,231)
```
#5353ee
```
#5353ee rgb(83,83,238)
```
#4c4cf5
```
#4c4cf5 rgb(76,76,245)
```
#4545fc
```
#4545fc rgb(69,69,252)
```

Tone Color Variation

Below, you can see how #8686bb 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
#8b8b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#818fc0 Protanopia 1% of men
#838ebd Deuteranopia 1% of men
#84929d Tritanopia 0.001% of the population

Trichromacy

#838bbe Protanomaly 1% of men, 0.01% of women
#848bbc Deuteranomaly 6% of men, 0.4% of women
#848ea8 Tritanomaly 0.01% of the population

#8686bb hex color

#8686bb Color Information

#8686bb Color Conversion

Color Schemes with #8686bb

Alternatives to #8686bb

#8686bb Preview

Shades and Tints of #8686bb

Tones of #8686bb

Color Blindness Simulator