#9686c5 hex color

In a RGB color space, hex #9686c5 is composed of 58.8% red, 52.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 32% magenta, 0% yellow and 22.7% black. It has a hue angle of 255.2 degrees, a saturation of 35.2% and a lightness of 64.9%. #9686c5 color hex could be obtained by blending #ffffff with #2d0d8b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 53
- B 77
RGB color chart
- C 24
- M 32
- Y 0
- K 23
CMYK color chart

● #9686c5 color description : Slightly desaturated violet.

The hexadecimal color #9686c5 has RGB values of R:150, G:134, B:197 and CMYK values of C:0.24, M:0.32, Y:0, K:0.23. Its decimal value is 9864901.

Hex triplet	9686c5	`#9686c5`
RGB Decimal	150, 134, 197	`rgb(150,134,197)`
RGB Percent	58.8, 52.5, 77.3	`rgb(58.8%,52.5%,77.3%)`
CMYK	24, 32, 0, 23
HSL	255.2°, 35.2, 64.9	`hsl(255.2,35.2%,64.9%)`
HSV (or HSB)	255.2°, 32, 77.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	59.494, 19.43, -30.552
XYZ	31.179, 27.565, 56.498
xyY	0.271, 0.239, 27.565
CIE-LCH	59.494, 36.207, 302.454
CIE-LUV	59.494, 4.045, -49.797
Hunter-Lab	52.503, 14.124, -27.05
Binary	10010110, 10000110, 11000101

#9686c5
```
#9686c5 rgb(150,134,197)
```
#b5c586
```
#b5c586 rgb(181,197,134)
```

Complementary Color

#8696c5
```
#8696c5 rgb(134,150,197)
```
#9686c5
```
#9686c5 rgb(150,134,197)
```
#b686c5
```
#b686c5 rgb(182,134,197)
```

Analogous Color

#96c586
```
#96c586 rgb(150,197,134)
```
#9686c5
```
#9686c5 rgb(150,134,197)
```
#c5b686
```
#c5b686 rgb(197,182,134)
```

Split Complementary Color

#86c596
```
#86c596 rgb(134,197,150)
```
#9686c5
```
#9686c5 rgb(150,134,197)
```
#c59686
```
#c59686 rgb(197,150,134)
```

Triadic Color

#86b5c5
```
#86b5c5 rgb(134,181,197)
```
#9686c5
```
#9686c5 rgb(150,134,197)
```
#c59686
```
#c59686 rgb(197,150,134)
```
#b5c586
```
#b5c586 rgb(181,197,134)
```

Tetradic Color

#6952ac
```
#6952ac rgb(105,82,172)
```
#7864b4
```
#7864b4 rgb(120,100,180)
```
#8775bd
```
#8775bd rgb(135,117,189)
```
#9686c5
```
#9686c5 rgb(150,134,197)
```
#a597cd
```
#a597cd rgb(165,151,205)
```
#b4a8d6
```
#b4a8d6 rgb(180,168,214)
```
#c3bade
```
#c3bade rgb(195,186,222)
```

Monochromatic Color

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

#8686c5
```
#8686c5 rgb(134,134,197)
```
#8c86c5
```
#8c86c5 rgb(140,134,197)
```
#9186c5
```
#9186c5 rgb(145,134,197)
```
#9686c5
```
#9686c5 rgb(150,134,197)
```
#9b86c5
```
#9b86c5 rgb(155,134,197)
```
#a186c5
```
#a186c5 rgb(161,134,197)
```
#a686c5
```
#a686c5 rgb(166,134,197)
```

Similar Colors

Text with hexadecimal color #9686c5

This text has a font color of #9686c5.

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

#9686c5 background color

This paragraph has a background color of #9686c5.

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

#9686c5 border color

This element has a border color of #9686c5.

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

CSS codes

.text {color:#9686c5;}

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

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

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, #07060c is the darkest color, while #fefdfe is the lightest one.

#07060c
```
#07060c rgb(7,6,12)
```
#0f0c19
```
#0f0c19 rgb(15,12,25)
```
#171226
```
#171226 rgb(23,18,38)
```
#1f1933
```
#1f1933 rgb(31,25,51)
```
#281f41
```
#281f41 rgb(40,31,65)
```
#30254e
```
#30254e rgb(48,37,78)
```
#382c5b
```
#382c5b rgb(56,44,91)
```
#403268
```
#403268 rgb(64,50,104)
```
#483876
```
#483876 rgb(72,56,118)
```
#503f83
```
#503f83 rgb(80,63,131)
```
#584590
```
#584590 rgb(88,69,144)
```
#604b9d
```
#604b9d rgb(96,75,157)
```
#6852ab
```
#6852ab rgb(104,82,171)
```

Shade Color Variation

#735eb2
```
#735eb2 rgb(115,94,178)
```
#7f6bb8
```
#7f6bb8 rgb(127,107,184)
```
#8a79bf
```
#8a79bf rgb(138,121,191)
```
#9686c5
```
#9686c5 rgb(150,134,197)
```
#a293cb
```
#a293cb rgb(162,147,203)
```
#ada1d2
```
#ada1d2 rgb(173,161,210)
```
#b9aed8
```
#b9aed8 rgb(185,174,216)
```
#c4bbde
```
#c4bbde rgb(196,187,222)
```
#d0c8e5
```
#d0c8e5 rgb(208,200,229)
```
#dbd6eb
```
#dbd6eb rgb(219,214,235)
```
#e7e3f1
```
#e7e3f1 rgb(231,227,241)
```
#f2f0f8
```
#f2f0f8 rgb(242,240,248)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#a4a2a9
```
#a4a2a9 rgb(164,162,169)
```
#a09bb0
```
#a09bb0 rgb(160,155,176)
```
#9d94b7
```
#9d94b7 rgb(157,148,183)
```
#998dbe
```
#998dbe rgb(153,141,190)
```
#9686c5
```
#9686c5 rgb(150,134,197)
```
#937fcc
```
#937fcc rgb(147,127,204)
```
#8f78d3
```
#8f78d3 rgb(143,120,211)
```
#8c71da
```
#8c71da rgb(140,113,218)
```
#886ae1
```
#886ae1 rgb(136,106,225)
```
#8564e7
```
#8564e7 rgb(133,100,231)
```
#825dee
```
#825dee rgb(130,93,238)
```
#7e56f5
```
#7e56f5 rgb(126,86,245)
```
#7b4ffc
```
#7b4ffc rgb(123,79,252)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#93909c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8193cc Protanopia 1% of men
#8593c5 Deuteranopia 1% of men
#92949f Tritanopia 0.001% of the population

Trichromacy

#898ec9 Protanomaly 1% of men, 0.01% of women
#8b8ec5 Deuteranomaly 6% of men, 0.4% of women
#938fad Tritanomaly 0.01% of the population

#9686c5 hex color

#9686c5 Color Information

#9686c5 Color Conversion

Color Schemes with #9686c5

Alternatives to #9686c5

#9686c5 Preview

Shades and Tints of #9686c5

Tones of #9686c5

Color Blindness Simulator