#8686b5 hex color

In a RGB color space, hex #8686b5 is composed of 52.5% red, 52.5% green and 71% blue. Whereas in a CMYK color space, it is composed of 26% cyan, 26% magenta, 0% yellow and 29% black. It has a hue angle of 240 degrees, a saturation of 24.1% and a lightness of 61.8%. #8686b5 color hex could be obtained by blending #ffffff with #0d0d6b. Closest websafe color is: #9999cc.

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

● #8686b5 color description : Slightly desaturated blue.

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

Hex triplet	8686b5	`#8686b5`
RGB Decimal	134, 134, 181	`rgb(134,134,181)`
RGB Percent	52.5, 52.5, 71	`rgb(52.5%,52.5%,71%)`
CMYK	26, 26, 0, 29
HSL	240°, 24.1, 61.8	`hsl(240,24.1%,61.8%)`
HSV (or HSB)	240°, 26, 71
Web Safe	9999cc	`#9999cc`

CIE-LAB	57.515, 10.567, -24.635
XYZ	26.696, 25.454, 47.22
xyY	0.269, 0.256, 25.454
CIE-LCH	57.515, 26.806, 293.215
CIE-LUV	57.515, -2.805, -38.836
Hunter-Lab	50.452, 6.157, -20.175
Binary	10000110, 10000110, 10110101

#8686b5
```
#8686b5 rgb(134,134,181)
```
#b5b586
```
#b5b586 rgb(181,181,134)
```

Complementary Color

#869eb5
```
#869eb5 rgb(134,158,181)
```
#8686b5
```
#8686b5 rgb(134,134,181)
```
#9e86b5
```
#9e86b5 rgb(158,134,181)
```

Analogous Color

#9eb586
```
#9eb586 rgb(158,181,134)
```
#8686b5
```
#8686b5 rgb(134,134,181)
```
#b59e86
```
#b59e86 rgb(181,158,134)
```

Split Complementary Color

#86b586
```
#86b586 rgb(134,181,134)
```
#8686b5
```
#8686b5 rgb(134,134,181)
```
#b58686
```
#b58686 rgb(181,134,134)
```

Triadic Color

#86b5b5
```
#86b5b5 rgb(134,181,181)
```
#8686b5
```
#8686b5 rgb(134,134,181)
```
#b58686
```
#b58686 rgb(181,134,134)
```
#b5b586
```
#b5b586 rgb(181,181,134)
```

Tetradic Color

#5b5b94
```
#5b5b94 rgb(91,91,148)
```
#6666a2
```
#6666a2 rgb(102,102,162)
```
#7676ab
```
#7676ab rgb(118,118,171)
```
#8686b5
```
#8686b5 rgb(134,134,181)
```
#9696bf
```
#9696bf rgb(150,150,191)
```
#a6a6c8
```
#a6a6c8 rgb(166,166,200)
```
#b5b5d2
```
#b5b5d2 rgb(181,181,210)
```

Monochromatic Color

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

#8692b5
```
#8692b5 rgb(134,146,181)
```
#868eb5
```
#868eb5 rgb(134,142,181)
```
#868ab5
```
#868ab5 rgb(134,138,181)
```
#8686b5
```
#8686b5 rgb(134,134,181)
```
#8a86b5
```
#8a86b5 rgb(138,134,181)
```
#8e86b5
```
#8e86b5 rgb(142,134,181)
```
#9286b5
```
#9286b5 rgb(146,134,181)
```

Similar Colors

Text with hexadecimal color #8686b5

This text has a font color of #8686b5.

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

#8686b5 background color

This paragraph has a background color of #8686b5.

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

#8686b5 border color

This element has a border color of #8686b5.

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

CSS codes

.text {color:#8686b5;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#08080d
```
#08080d rgb(8,8,13)
```
#0f0f19
```
#0f0f19 rgb(15,15,25)
```
#171725
```
#171725 rgb(23,23,37)
```
#1e1e31
```
#1e1e31 rgb(30,30,49)
```
#26263e
```
#26263e rgb(38,38,62)
```
#2d2d4a
```
#2d2d4a rgb(45,45,74)
```
#353556
```
#353556 rgb(53,53,86)
```
#3c3c62
```
#3c3c62 rgb(60,60,98)
```
#43436e
```
#43436e rgb(67,67,110)
```
#4b4b7a
```
#4b4b7a rgb(75,75,122)
```
#525287
```
#525287 rgb(82,82,135)
```
#5a5a93
```
#5a5a93 rgb(90,90,147)
```

Shade Color Variation

#61619f
```
#61619f rgb(97,97,159)
```
#6e6ea6
```
#6e6ea6 rgb(110,110,166)
```
#7a7aae
```
#7a7aae rgb(122,122,174)
```
#8686b5
```
#8686b5 rgb(134,134,181)
```
#9292bc
```
#9292bc rgb(146,146,188)
```
#9e9ec4
```
#9e9ec4 rgb(158,158,196)
```
#ababcb
```
#ababcb rgb(171,171,203)
```
#b7b7d3
```
#b7b7d3 rgb(183,183,211)
```
#c3c3da
```
#c3c3da rgb(195,195,218)
```
#cfcfe2
```
#cfcfe2 rgb(207,207,226)
```
#dbdbe9
```
#dbdbe9 rgb(219,219,233)
```
#e7e7f1
```
#e7e7f1 rgb(231,231,241)
```
#f4f4f8
```
#f4f4f8 rgb(244,244,248)
```

Tint Color Variation

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

#9d9d9f
```
#9d9d9f rgb(157,157,159)
```
#9595a6
```
#9595a6 rgb(149,149,166)
```
#8e8eae
```
#8e8eae rgb(142,142,174)
```
#8686b5
```
#8686b5 rgb(134,134,181)
```
#7f7fbd
```
#7f7fbd rgb(127,127,189)
```
#7777c4
```
#7777c4 rgb(119,119,196)
```
#7070cc
```
#7070cc rgb(112,112,204)
```
#6868d3
```
#6868d3 rgb(104,104,211)
```
#6161db
```
#6161db rgb(97,97,219)
```
#5959e2
```
#5959e2 rgb(89,89,226)
```
#5252ea
```
#5252ea rgb(82,82,234)
```
#4a4af1
```
#4a4af1 rgb(74,74,241)
```
#4343f9
```
#4343f9 rgb(67,67,249)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#8a8a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838eba Protanopia 1% of men
#868eb8 Deuteranopia 1% of men
#85919c Tritanopia 0.001% of the population

Trichromacy

#848bb8 Protanomaly 1% of men, 0.01% of women
#868bb7 Deuteranomaly 6% of men, 0.4% of women
#858da5 Tritanomaly 0.01% of the population

#8686b5 hex color

#8686b5 Color Information

#8686b5 Color Conversion

Color Schemes with #8686b5

Alternatives to #8686b5

#8686b5 Preview

Shades and Tints of #8686b5

Tones of #8686b5

Color Blindness Simulator