#8686d8 hex color

In a RGB color space, hex #8686d8 is composed of 52.5% red, 52.5% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 38% magenta, 0% yellow and 15.3% black. It has a hue angle of 240 degrees, a saturation of 51.3% and a lightness of 68.6%. #8686d8 color hex could be obtained by blending #ffffff with #0d0db1. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 53
- B 85
RGB color chart
- C 38
- M 38
- Y 0
- K 15
CMYK color chart

● #8686d8 color description : Slightly desaturated blue.

The hexadecimal color #8686d8 has RGB values of R:134, G:134, B:216 and CMYK values of C:0.38, M:0.38, Y:0, K:0.15. Its decimal value is 8816344.

Hex triplet	8686d8	`#8686d8`
RGB Decimal	134, 134, 216	`rgb(134,134,216)`
RGB Percent	52.5, 52.5, 84.7	`rgb(52.5%,52.5%,84.7%)`
CMYK	38, 38, 0, 15
HSL	240°, 51.3, 68.6	`hsl(240,51.3%,68.6%)`
HSV (or HSB)	240°, 38, 84.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	59.044, 19.775, -42.042
XYZ	30.749, 27.076, 68.568
xyY	0.243, 0.214, 27.076
CIE-LCH	59.044, 46.46, 295.19
CIE-LUV	59.044, -4.938, -68.405
Hunter-Lab	52.034, 14.422, -41.705
Binary	10000110, 10000110, 11011000

#8686d8
```
#8686d8 rgb(134,134,216)
```
#d8d886
```
#d8d886 rgb(216,216,134)
```

Complementary Color

#86afd8
```
#86afd8 rgb(134,175,216)
```
#8686d8
```
#8686d8 rgb(134,134,216)
```
#af86d8
```
#af86d8 rgb(175,134,216)
```

Analogous Color

#afd886
```
#afd886 rgb(175,216,134)
```
#8686d8
```
#8686d8 rgb(134,134,216)
```
#d8af86
```
#d8af86 rgb(216,175,134)
```

Split Complementary Color

#86d886
```
#86d886 rgb(134,216,134)
```
#8686d8
```
#8686d8 rgb(134,134,216)
```
#d88686
```
#d88686 rgb(216,134,134)
```

Triadic Color

#86d8d8
```
#86d8d8 rgb(134,216,216)
```
#8686d8
```
#8686d8 rgb(134,134,216)
```
#d88686
```
#d88686 rgb(216,134,134)
```
#d8d886
```
#d8d886 rgb(216,216,134)
```

Tetradic Color

#4c4cc5
```
#4c4cc5 rgb(76,76,197)
```
#5f5fcc
```
#5f5fcc rgb(95,95,204)
```
#7373d2
```
#7373d2 rgb(115,115,210)
```
#8686d8
```
#8686d8 rgb(134,134,216)
```
#9999de
```
#9999de rgb(153,153,222)
```
#adade4
```
#adade4 rgb(173,173,228)
```
#c0c0eb
```
#c0c0eb rgb(192,192,235)
```

Monochromatic Color

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

#869bd8
```
#869bd8 rgb(134,155,216)
```
#8694d8
```
#8694d8 rgb(134,148,216)
```
#868dd8
```
#868dd8 rgb(134,141,216)
```
#8686d8
```
#8686d8 rgb(134,134,216)
```
#8d86d8
```
#8d86d8 rgb(141,134,216)
```
#9486d8
```
#9486d8 rgb(148,134,216)
```
#9b86d8
```
#9b86d8 rgb(155,134,216)
```

Similar Colors

Text with hexadecimal color #8686d8

This text has a font color of #8686d8.

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

#8686d8 background color

This paragraph has a background color of #8686d8.

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

#8686d8 border color

This element has a border color of #8686d8.

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

CSS codes

.text {color:#8686d8;}

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

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

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, #04040d is the darkest color, while #fdfdfe is the lightest one.

#04040d
```
#04040d rgb(4,4,13)
```
#09091b
```
#09091b rgb(9,9,27)
```
#0e0e2a
```
#0e0e2a rgb(14,14,42)
```
#121239
```
#121239 rgb(18,18,57)
```
#171748
```
#171748 rgb(23,23,72)
```
#1c1c57
```
#1c1c57 rgb(28,28,87)
```
#212166
```
#212166 rgb(33,33,102)
```
#262674
```
#262674 rgb(38,38,116)
```
#2a2a83
```
#2a2a83 rgb(42,42,131)
```
#2f2f92
```
#2f2f92 rgb(47,47,146)
```
#3434a1
```
#3434a1 rgb(52,52,161)
```
#3939b0
```
#3939b0 rgb(57,57,176)
```
#3d3dbf
```
#3d3dbf rgb(61,61,191)
```

Shade Color Variation

#4b4bc5
```
#4b4bc5 rgb(75,75,197)
```
#5959ca
```
#5959ca rgb(89,89,202)
```
#6868ce
```
#6868ce rgb(104,104,206)
```
#7777d3
```
#7777d3 rgb(119,119,211)
```
#8686d8
```
#8686d8 rgb(134,134,216)
```
#9595dd
```
#9595dd rgb(149,149,221)
```
#a4a4e2
```
#a4a4e2 rgb(164,164,226)
```
#b3b3e6
```
#b3b3e6 rgb(179,179,230)
```
#c1c1eb
```
#c1c1eb rgb(193,193,235)
```
#d0d0f0
```
#d0d0f0 rgb(208,208,240)
```
#dfdff5
```
#dfdff5 rgb(223,223,245)
```
#eeeef9
```
#eeeef9 rgb(238,238,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#ababb3
```
#ababb3 rgb(171,171,179)
```
#a5a5b9
```
#a5a5b9 rgb(165,165,185)
```
#9f9fbf
```
#9f9fbf rgb(159,159,191)
```
#9898c6
```
#9898c6 rgb(152,152,198)
```
#9292cc
```
#9292cc rgb(146,146,204)
```
#8c8cd2
```
#8c8cd2 rgb(140,140,210)
```
#8686d8
```
#8686d8 rgb(134,134,216)
```
#8080de
```
#8080de rgb(128,128,222)
```
#7a7ae4
```
#7a7ae4 rgb(122,122,228)
```
#7474ea
```
#7474ea rgb(116,116,234)
```
#6d6df1
```
#6d6df1 rgb(109,109,241)
```
#6767f7
```
#6767f7 rgb(103,103,247)
```
#6161fd
```
#6161fd rgb(97,97,253)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8d8d9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7591dd Protanopia 1% of men
#7193d7 Deuteranopia 1% of men
#7c98a3 Tritanopia 0.001% of the population

Trichromacy

#7b8ddb Protanomaly 1% of men, 0.01% of women
#788ed7 Deuteranomaly 6% of men, 0.4% of women
#7f91b6 Tritanomaly 0.01% of the population

#8686d8 hex color

#8686d8 Color Information

#8686d8 Color Conversion

Color Schemes with #8686d8

Alternatives to #8686d8

#8686d8 Preview

Shades and Tints of #8686d8

Tones of #8686d8

Color Blindness Simulator