#9686dc hex color

In a RGB color space, hex #9686dc is composed of 58.8% red, 52.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 31.8% cyan, 39.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 251.2 degrees, a saturation of 55.1% and a lightness of 69.4%. #9686dc color hex could be obtained by blending #ffffff with #2d0db9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 53
- B 86
RGB color chart
- C 32
- M 39
- Y 0
- K 14
CMYK color chart

● #9686dc color description : Very soft blue.

The hexadecimal color #9686dc has RGB values of R:150, G:134, B:220 and CMYK values of C:0.32, M:0.39, Y:0, K:0.14. Its decimal value is 9864924.

Hex triplet	9686dc	`#9686dc`
RGB Decimal	150, 134, 220	`rgb(150,134,220)`
RGB Percent	58.8, 52.5, 86.3	`rgb(58.8%,52.5%,86.3%)`
CMYK	32, 39, 0, 14
HSL	251.2°, 55.1, 69.4	`hsl(251.2,55.1%,69.4%)`
HSV (or HSB)	251.2°, 39.1, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.517, 25.186, -41.875
XYZ	34.019, 28.701, 71.454
xyY	0.254, 0.214, 28.701
CIE-LCH	60.517, 48.866, 301.026
CIE-LUV	60.517, 2.041, -69.114
Hunter-Lab	53.574, 19.592, -41.577
Binary	10010110, 10000110, 11011100

#9686dc
```
#9686dc rgb(150,134,220)
```
#ccdc86
```
#ccdc86 rgb(204,220,134)
```

Complementary Color

#86a1dc
```
#86a1dc rgb(134,161,220)
```
#9686dc
```
#9686dc rgb(150,134,220)
```
#c186dc
```
#c186dc rgb(193,134,220)
```

Analogous Color

#a1dc86
```
#a1dc86 rgb(161,220,134)
```
#9686dc
```
#9686dc rgb(150,134,220)
```
#dcc186
```
#dcc186 rgb(220,193,134)
```

Split Complementary Color

#86dc96
```
#86dc96 rgb(134,220,150)
```
#9686dc
```
#9686dc rgb(150,134,220)
```
#dc9686
```
#dc9686 rgb(220,150,134)
```

Triadic Color

#86ccdc
```
#86ccdc rgb(134,204,220)
```
#9686dc
```
#9686dc rgb(150,134,220)
```
#dc9686
```
#dc9686 rgb(220,150,134)
```
#ccdc86
```
#ccdc86 rgb(204,220,134)
```

Tetradic Color

#634bcb
```
#634bcb rgb(99,75,203)
```
#745ed1
```
#745ed1 rgb(116,94,209)
```
#8572d6
```
#8572d6 rgb(133,114,214)
```
#9686dc
```
#9686dc rgb(150,134,220)
```
#a79ae2
```
#a79ae2 rgb(167,154,226)
```
#b8aee7
```
#b8aee7 rgb(184,174,231)
```
#c9c1ed
```
#c9c1ed rgb(201,193,237)
```

Monochromatic Color

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

#868cdc
```
#868cdc rgb(134,140,220)
```
#8886dc
```
#8886dc rgb(136,134,220)
```
#8f86dc
```
#8f86dc rgb(143,134,220)
```
#9686dc
```
#9686dc rgb(150,134,220)
```
#9d86dc
```
#9d86dc rgb(157,134,220)
```
#a486dc
```
#a486dc rgb(164,134,220)
```
#ac86dc
```
#ac86dc rgb(172,134,220)
```

Similar Colors

Text with hexadecimal color #9686dc

This text has a font color of #9686dc.

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

#9686dc background color

This paragraph has a background color of #9686dc.

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

#9686dc border color

This element has a border color of #9686dc.

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

CSS codes

.text {color:#9686dc;}

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

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

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 #f2f1fb is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#070510
```
#070510 rgb(7,5,16)
```
#0d091f
```
#0d091f rgb(13,9,31)
```
#140d2e
```
#140d2e rgb(20,13,46)
```
#1a123e
```
#1a123e rgb(26,18,62)
```
#20164d
```
#20164d rgb(32,22,77)
```
#271b5c
```
#271b5c rgb(39,27,92)
```
#2d1f6b
```
#2d1f6b rgb(45,31,107)
```
#34237a
```
#34237a rgb(52,35,122)
```
#3a288a
```
#3a288a rgb(58,40,138)
```
#402c99
```
#402c99 rgb(64,44,153)
```
#4731a8
```
#4731a8 rgb(71,49,168)
```
#4d35b7
```
#4d35b7 rgb(77,53,183)
```

Shade Color Variation

#543ac6
```
#543ac6 rgb(84,58,198)
```
#6149ca
```
#6149ca rgb(97,73,202)
```
#6e58cf
```
#6e58cf rgb(110,88,207)
```
#7c68d3
```
#7c68d3 rgb(124,104,211)
```
#8977d8
```
#8977d8 rgb(137,119,216)
```
#9686dc
```
#9686dc rgb(150,134,220)
```
#a395e0
```
#a395e0 rgb(163,149,224)
```
#b0a4e5
```
#b0a4e5 rgb(176,164,229)
```
#beb4e9
```
#beb4e9 rgb(190,180,233)
```
#cbc3ee
```
#cbc3ee rgb(203,195,238)
```
#d8d2f2
```
#d8d2f2 rgb(216,210,242)
```
#e5e1f6
```
#e5e1f6 rgb(229,225,246)
```
#f2f1fb
```
#f2f1fb rgb(242,241,251)
```

Tint Color Variation

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

#b0b0b2
```
#b0b0b2 rgb(176,176,178)
```
#adaab8
```
#adaab8 rgb(173,170,184)
```
#a9a4be
```
#a9a4be rgb(169,164,190)
```
#a59ec4
```
#a59ec4 rgb(165,158,196)
```
#a198ca
```
#a198ca rgb(161,152,202)
```
#9e92d0
```
#9e92d0 rgb(158,146,208)
```
#9a8cd6
```
#9a8cd6 rgb(154,140,214)
```
#9686dc
```
#9686dc rgb(150,134,220)
```
#9280e2
```
#9280e2 rgb(146,128,226)
```
#8e7ae8
```
#8e7ae8 rgb(142,122,232)
```
#8b74ee
```
#8b74ee rgb(139,116,238)
```
#876ef4
```
#876ef4 rgb(135,110,244)
```
#8368fa
```
#8368fa rgb(131,104,250)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9592a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7795e4 Protanopia 1% of men
#7796d9 Deuteranopia 1% of men
#8c99a4 Tritanopia 0.001% of the population

Trichromacy

#828fe1 Protanomaly 1% of men, 0.01% of women
#8290da Deuteranomaly 6% of men, 0.4% of women
#9092b8 Tritanomaly 0.01% of the population

#9686dc hex color

#9686dc Color Information

#9686dc Color Conversion

Color Schemes with #9686dc

Alternatives to #9686dc

#9686dc Preview

Shades and Tints of #9686dc

Tones of #9686dc

Color Blindness Simulator