#9686d5 hex color

In a RGB color space, hex #9686d5 is composed of 58.8% red, 52.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 29.6% cyan, 37.1% magenta, 0% yellow and 16.5% black. It has a hue angle of 252.2 degrees, a saturation of 48.5% and a lightness of 68%. #9686d5 color hex could be obtained by blending #ffffff with #2d0dab. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 53
- B 84
RGB color chart
- C 30
- M 37
- Y 0
- K 16
CMYK color chart

● #9686d5 color description : Slightly desaturated blue.

The hexadecimal color #9686d5 has RGB values of R:150, G:134, B:213 and CMYK values of C:0.3, M:0.37, Y:0, K:0.16. Its decimal value is 9864917.

Hex triplet	9686d5	`#9686d5`
RGB Decimal	150, 134, 213	`rgb(150,134,213)`
RGB Percent	58.8, 52.5, 83.5	`rgb(58.8%,52.5%,83.5%)`
CMYK	30, 37, 0, 16
HSL	252.2°, 48.5, 68	`hsl(252.2,48.5%,68%)`
HSV (or HSB)	252.2°, 37.1, 83.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.193, 23.397, -38.467
XYZ	33.111, 28.338, 66.672
xyY	0.258, 0.221, 28.338
CIE-LCH	60.193, 45.024, 301.309
CIE-LUV	60.193, 2.646, -63.267
Hunter-Lab	53.234, 17.867, -36.994
Binary	10010110, 10000110, 11010101

#9686d5
```
#9686d5 rgb(150,134,213)
```
#c5d586
```
#c5d586 rgb(197,213,134)
```

Complementary Color

#869ed5
```
#869ed5 rgb(134,158,213)
```
#9686d5
```
#9686d5 rgb(150,134,213)
```
#be86d5
```
#be86d5 rgb(190,134,213)
```

Analogous Color

#9ed586
```
#9ed586 rgb(158,213,134)
```
#9686d5
```
#9686d5 rgb(150,134,213)
```
#d5be86
```
#d5be86 rgb(213,190,134)
```

Split Complementary Color

#86d596
```
#86d596 rgb(134,213,150)
```
#9686d5
```
#9686d5 rgb(150,134,213)
```
#d59686
```
#d59686 rgb(213,150,134)
```

Triadic Color

#86c5d5
```
#86c5d5 rgb(134,197,213)
```
#9686d5
```
#9686d5 rgb(150,134,213)
```
#d59686
```
#d59686 rgb(213,150,134)
```
#c5d586
```
#c5d586 rgb(197,213,134)
```

Tetradic Color

#654dc1
```
#654dc1 rgb(101,77,193)
```
#7560c8
```
#7560c8 rgb(117,96,200)
```
#8673ce
```
#8673ce rgb(134,115,206)
```
#9686d5
```
#9686d5 rgb(150,134,213)
```
#a699dc
```
#a699dc rgb(166,153,220)
```
#b7ace2
```
#b7ace2 rgb(183,172,226)
```
#c7bfe9
```
#c7bfe9 rgb(199,191,233)
```

Monochromatic Color

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

#868ad5
```
#868ad5 rgb(134,138,213)
```
#8986d5
```
#8986d5 rgb(137,134,213)
```
#8f86d5
```
#8f86d5 rgb(143,134,213)
```
#9686d5
```
#9686d5 rgb(150,134,213)
```
#9d86d5
```
#9d86d5 rgb(157,134,213)
```
#a386d5
```
#a386d5 rgb(163,134,213)
```
#aa86d5
```
#aa86d5 rgb(170,134,213)
```

Similar Colors

Text with hexadecimal color #9686d5

This text has a font color of #9686d5.

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

#9686d5 background color

This paragraph has a background color of #9686d5.

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

#9686d5 border color

This element has a border color of #9686d5.

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

CSS codes

.text {color:#9686d5;}

.background {background-color:#9686d5;}

.border {border:1px solid #9686d5;}

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, #05030a is the darkest color, while #fbfafd is the lightest one.

#05030a
```
#05030a rgb(5,3,10)
```
#0c0919
```
#0c0919 rgb(12,9,25)
```
#130e27
```
#130e27 rgb(19,14,39)
```
#1a1336
```
#1a1336 rgb(26,19,54)
```
#211844
```
#211844 rgb(33,24,68)
```
#281d53
```
#281d53 rgb(40,29,83)
```
#2f2261
```
#2f2261 rgb(47,34,97)
```
#362770
```
#362770 rgb(54,39,112)
```
#3d2c7f
```
#3d2c7f rgb(61,44,127)
```
#44318d
```
#44318d rgb(68,49,141)
```
#4b369c
```
#4b369c rgb(75,54,156)
```
#523baa
```
#523baa rgb(82,59,170)
```
#5940b9
```
#5940b9 rgb(89,64,185)
```

Shade Color Variation

#634cc1
```
#634cc1 rgb(99,76,193)
```
#705ac6
```
#705ac6 rgb(112,90,198)
```
#7d69cb
```
#7d69cb rgb(125,105,203)
```
#8977d0
```
#8977d0 rgb(137,119,208)
```
#9686d5
```
#9686d5 rgb(150,134,213)
```
#a395da
```
#a395da rgb(163,149,218)
```
#afa3df
```
#afa3df rgb(175,163,223)
```
#bcb2e4
```
#bcb2e4 rgb(188,178,228)
```
#c9c0e9
```
#c9c0e9 rgb(201,192,233)
```
#d5cfee
```
#d5cfee rgb(213,207,238)
```
#e2ddf3
```
#e2ddf3 rgb(226,221,243)
```
#eeecf8
```
#eeecf8 rgb(238,236,248)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#acacaf
```
#acacaf rgb(172,172,175)
```
#a9a5b6
```
#a9a5b6 rgb(169,165,182)
```
#a59fbc
```
#a59fbc rgb(165,159,188)
```
#a199c2
```
#a199c2 rgb(161,153,194)
```
#9d93c8
```
#9d93c8 rgb(157,147,200)
```
#9a8ccf
```
#9a8ccf rgb(154,140,207)
```
#9686d5
```
#9686d5 rgb(150,134,213)
```
#9280db
```
#9280db rgb(146,128,219)
```
#8f79e2
```
#8f79e2 rgb(143,121,226)
```
#8b73e8
```
#8b73e8 rgb(139,115,232)
```
#876dee
```
#876dee rgb(135,109,238)
```
#8367f4
```
#8367f4 rgb(131,103,244)
```
#8060fb
```
#8060fb rgb(128,96,251)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9491a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b94dd Protanopia 1% of men
#7c95d3 Deuteranopia 1% of men
#8e97a2 Tritanopia 0.001% of the population

Trichromacy

#848fda Protanomaly 1% of men, 0.01% of women
#8590d4 Deuteranomaly 6% of men, 0.4% of women
#9191b5 Tritanomaly 0.01% of the population

#9686d5 hex color

#9686d5 Color Information

#9686d5 Color Conversion

Color Schemes with #9686d5

Alternatives to #9686d5

#9686d5 Preview

Shades and Tints of #9686d5

Tones of #9686d5

Color Blindness Simulator