#9686d2 hex color

In a RGB color space, hex #9686d2 is composed of 58.8% red, 52.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 36.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 252.6 degrees, a saturation of 45.8% and a lightness of 67.5%. #9686d2 color hex could be obtained by blending #ffffff with #2d0da5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 53
- B 82
RGB color chart
- C 29
- M 36
- Y 0
- K 18
CMYK color chart

● #9686d2 color description : Slightly desaturated blue.

The hexadecimal color #9686d2 has RGB values of R:150, G:134, B:210 and CMYK values of C:0.29, M:0.36, Y:0, K:0.18. Its decimal value is 9864914.

Hex triplet	9686d2	`#9686d2`
RGB Decimal	150, 134, 210	`rgb(150,134,210)`
RGB Percent	58.8, 52.5, 82.4	`rgb(58.8%,52.5%,82.4%)`
CMYK	29, 36, 0, 18
HSL	252.6°, 45.8, 67.5	`hsl(252.6,45.8%,67.5%)`
HSV (or HSB)	252.6°, 36.2, 82.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.057, 22.639, -36.996
XYZ	32.734, 28.187, 64.685
xyY	0.261, 0.224, 28.187
CIE-LCH	60.057, 43.374, 301.464
CIE-LUV	60.057, 2.906, -60.75
Hunter-Lab	53.092, 17.144, -35.073
Binary	10010110, 10000110, 11010010

#9686d2
```
#9686d2 rgb(150,134,210)
```
#c2d286
```
#c2d286 rgb(194,210,134)
```

Complementary Color

#869cd2
```
#869cd2 rgb(134,156,210)
```
#9686d2
```
#9686d2 rgb(150,134,210)
```
#bc86d2
```
#bc86d2 rgb(188,134,210)
```

Analogous Color

#9cd286
```
#9cd286 rgb(156,210,134)
```
#9686d2
```
#9686d2 rgb(150,134,210)
```
#d2bc86
```
#d2bc86 rgb(210,188,134)
```

Split Complementary Color

#86d296
```
#86d296 rgb(134,210,150)
```
#9686d2
```
#9686d2 rgb(150,134,210)
```
#d29686
```
#d29686 rgb(210,150,134)
```

Triadic Color

#86c2d2
```
#86c2d2 rgb(134,194,210)
```
#9686d2
```
#9686d2 rgb(150,134,210)
```
#d29686
```
#d29686 rgb(210,150,134)
```
#c2d286
```
#c2d286 rgb(194,210,134)
```

Tetradic Color

#664ebd
```
#664ebd rgb(102,78,189)
```
#7661c4
```
#7661c4 rgb(118,97,196)
```
#8673cb
```
#8673cb rgb(134,115,203)
```
#9686d2
```
#9686d2 rgb(150,134,210)
```
#a699d9
```
#a699d9 rgb(166,153,217)
```
#b6abe0
```
#b6abe0 rgb(182,171,224)
```
#c6bee7
```
#c6bee7 rgb(198,190,231)
```

Monochromatic Color

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

#8689d2
```
#8689d2 rgb(134,137,210)
```
#8986d2
```
#8986d2 rgb(137,134,210)
```
#9086d2
```
#9086d2 rgb(144,134,210)
```
#9686d2
```
#9686d2 rgb(150,134,210)
```
#9c86d2
```
#9c86d2 rgb(156,134,210)
```
#a386d2
```
#a386d2 rgb(163,134,210)
```
#a986d2
```
#a986d2 rgb(169,134,210)
```

Similar Colors

Text with hexadecimal color #9686d2

This text has a font color of #9686d2.

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

#9686d2 background color

This paragraph has a background color of #9686d2.

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

#9686d2 border color

This element has a border color of #9686d2.

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

CSS codes

.text {color:#9686d2;}

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

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

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

#040308
```
#040308 rgb(4,3,8)
```
#0b0816
```
#0b0816 rgb(11,8,22)
```
#120d24
```
#120d24 rgb(18,13,36)
```
#191333
```
#191333 rgb(25,19,51)
```
#211841
```
#211841 rgb(33,24,65)
```
#281d4f
```
#281d4f rgb(40,29,79)
```
#2f235d
```
#2f235d rgb(47,35,93)
```
#36286c
```
#36286c rgb(54,40,108)
```
#3e2d7a
```
#3e2d7a rgb(62,45,122)
```
#453388
```
#453388 rgb(69,51,136)
```
#4c3897
```
#4c3897 rgb(76,56,151)
```
#533da5
```
#533da5 rgb(83,61,165)
```
#5a43b3
```
#5a43b3 rgb(90,67,179)
```

Shade Color Variation

#644dbd
```
#644dbd rgb(100,77,189)
```
#715bc2
```
#715bc2 rgb(113,91,194)
```
#7d69c7
```
#7d69c7 rgb(125,105,199)
```
#8a78cd
```
#8a78cd rgb(138,120,205)
```
#9686d2
```
#9686d2 rgb(150,134,210)
```
#a294d7
```
#a294d7 rgb(162,148,215)
```
#afa3dd
```
#afa3dd rgb(175,163,221)
```
#bbb1e2
```
#bbb1e2 rgb(187,177,226)
```
#c8bfe7
```
#c8bfe7 rgb(200,191,231)
```
#d4cded
```
#d4cded rgb(212,205,237)
```
#e0dcf2
```
#e0dcf2 rgb(224,220,242)
```
#edeaf7
```
#edeaf7 rgb(237,234,247)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

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

#a8a6b2
```
#a8a6b2 rgb(168,166,178)
```
#a5a0b8
```
#a5a0b8 rgb(165,160,184)
```
#a199bf
```
#a199bf rgb(161,153,191)
```
#9d93c5
```
#9d93c5 rgb(157,147,197)
```
#9a8ccc
```
#9a8ccc rgb(154,140,204)
```
#9686d2
```
#9686d2 rgb(150,134,210)
```
#9280d8
```
#9280d8 rgb(146,128,216)
```
#8f79df
```
#8f79df rgb(143,121,223)
```
#8b73e5
```
#8b73e5 rgb(139,115,229)
```
#876cec
```
#876cec rgb(135,108,236)
```
#8466f2
```
#8466f2 rgb(132,102,242)
```
#8060f8
```
#8060f8 rgb(128,96,248)
```
#7c59ff
```
#7c59ff rgb(124,89,255)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9490a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c94da Protanopia 1% of men
#7d95d1 Deuteranopia 1% of men
#8f97a2 Tritanopia 0.001% of the population

Trichromacy

#858fd7 Protanomaly 1% of men, 0.01% of women
#868fd1 Deuteranomaly 6% of men, 0.4% of women
#9190b3 Tritanomaly 0.01% of the population

#9686d2 hex color

#9686d2 Color Information

#9686d2 Color Conversion

Color Schemes with #9686d2

Alternatives to #9686d2

#9686d2 Preview

Shades and Tints of #9686d2

Tones of #9686d2

Color Blindness Simulator