#9686ef hex color

In a RGB color space, hex #9686ef is composed of 58.8% red, 52.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 37.2% cyan, 43.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 249.1 degrees, a saturation of 76.6% and a lightness of 73.1%. #9686ef color hex could be obtained by blending #ffffff with #2d0ddf. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 59
- G 53
- B 94
RGB color chart
- C 37
- M 44
- Y 0
- K 6
CMYK color chart

● #9686ef color description : Very soft blue.

The hexadecimal color #9686ef has RGB values of R:150, G:134, B:239 and CMYK values of C:0.37, M:0.44, Y:0, K:0.06. Its decimal value is 9864943.

Hex triplet	9686ef	`#9686ef`
RGB Decimal	150, 134, 239	`rgb(150,134,239)`
RGB Percent	58.8, 52.5, 93.7	`rgb(58.8%,52.5%,93.7%)`
CMYK	37, 44, 0, 6
HSL	249.1°, 76.6, 73.1	`hsl(249.1,76.6%,73.1%)`
HSV (or HSB)	249.1°, 43.9, 93.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	61.452, 30.184, -50.956
XYZ	36.68, 29.766, 85.469
xyY	0.241, 0.196, 29.766
CIE-LCH	61.452, 59.225, 300.64
CIE-LUV	61.452, 0.435, -84.77
Hunter-Lab	54.558, 24.531, -54.692
Binary	10010110, 10000110, 11101111

#9686ef
```
#9686ef rgb(150,134,239)
```
#dfef86
```
#dfef86 rgb(223,239,134)
```

Complementary Color

#86abef
```
#86abef rgb(134,171,239)
```
#9686ef
```
#9686ef rgb(150,134,239)
```
#cb86ef
```
#cb86ef rgb(203,134,239)
```

Analogous Color

#abef86
```
#abef86 rgb(171,239,134)
```
#9686ef
```
#9686ef rgb(150,134,239)
```
#efcb86
```
#efcb86 rgb(239,203,134)
```

Split Complementary Color

#86ef96
```
#86ef96 rgb(134,239,150)
```
#9686ef
```
#9686ef rgb(150,134,239)
```
#ef9686
```
#ef9686 rgb(239,150,134)
```

Triadic Color

#86dfef
```
#86dfef rgb(134,223,239)
```
#9686ef
```
#9686ef rgb(150,134,239)
```
#ef9686
```
#ef9686 rgb(239,150,134)
```
#dfef86
```
#dfef86 rgb(223,239,134)
```

Tetradic Color

#5b42e6
```
#5b42e6 rgb(91,66,230)
```
#6f59e9
```
#6f59e9 rgb(111,89,233)
```
#826fec
```
#826fec rgb(130,111,236)
```
#9686ef
```
#9686ef rgb(150,134,239)
```
#aa9df2
```
#aa9df2 rgb(170,157,242)
```
#bdb3f5
```
#bdb3f5 rgb(189,179,245)
```
#d1caf8
```
#d1caf8 rgb(209,202,248)
```

Monochromatic Color

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

#8690ef
```
#8690ef rgb(134,144,239)
```
#8688ef
```
#8688ef rgb(134,136,239)
```
#8d86ef
```
#8d86ef rgb(141,134,239)
```
#9686ef
```
#9686ef rgb(150,134,239)
```
#9f86ef
```
#9f86ef rgb(159,134,239)
```
#a886ef
```
#a886ef rgb(168,134,239)
```
#b086ef
```
#b086ef rgb(176,134,239)
```

Similar Colors

Text with hexadecimal color #9686ef

This text has a font color of #9686ef.

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

#9686ef background color

This paragraph has a background color of #9686ef.

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

#9686ef border color

This element has a border color of #9686ef.

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

CSS codes

.text {color:#9686ef;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050212
```
#050212 rgb(5,2,18)
```
#090523
```
#090523 rgb(9,5,35)
```
#0e0734
```
#0e0734 rgb(14,7,52)
```
#120946
```
#120946 rgb(18,9,70)
```
#170b57
```
#170b57 rgb(23,11,87)
```
#1c0e68
```
#1c0e68 rgb(28,14,104)
```
#20107a
```
#20107a rgb(32,16,122)
```
#25128b
```
#25128b rgb(37,18,139)
```
#29159c
```
#29159c rgb(41,21,156)
```
#2e17ae
```
#2e17ae rgb(46,23,174)
```
#3219bf
```
#3219bf rgb(50,25,191)
```
#371cd0
```
#371cd0 rgb(55,28,208)
```

Shade Color Variation

#3c1ee1
```
#3c1ee1 rgb(60,30,225)
```
#4b2fe4
```
#4b2fe4 rgb(75,47,228)
```
#5a41e6
```
#5a41e6 rgb(90,65,230)
```
#6952e8
```
#6952e8 rgb(105,82,232)
```
#7863ea
```
#7863ea rgb(120,99,234)
```
#8775ed
```
#8775ed rgb(135,117,237)
```
#9686ef
```
#9686ef rgb(150,134,239)
```
#a597f1
```
#a597f1 rgb(165,151,241)
```
#b4a9f4
```
#b4a9f4 rgb(180,169,244)
```
#c3baf6
```
#c3baf6 rgb(195,186,246)
```
#d2cbf8
```
#d2cbf8 rgb(210,203,248)
```
#e1ddfa
```
#e1ddfa rgb(225,221,250)
```
#f0eefd
```
#f0eefd rgb(240,238,253)
```

Tint Color Variation

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

#b7b5c0
```
#b7b5c0 rgb(183,181,192)
```
#b3b0c5
```
#b3b0c5 rgb(179,176,197)
```
#b0abca
```
#b0abca rgb(176,171,202)
```
#aca6cf
```
#aca6cf rgb(172,166,207)
```
#a8a0d5
```
#a8a0d5 rgb(168,160,213)
```
#a59bda
```
#a59bda rgb(165,155,218)
```
#a196df
```
#a196df rgb(161,150,223)
```
#9d91e4
```
#9d91e4 rgb(157,145,228)
```
#9a8bea
```
#9a8bea rgb(154,139,234)
```
#9686ef
```
#9686ef rgb(150,134,239)
```
#9281f4
```
#9281f4 rgb(146,129,244)
```
#8f7bfa
```
#8f7bfa rgb(143,123,250)
```
#8b76ff
```
#8b76ff rgb(139,118,255)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9794a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c96f8 Protanopia 1% of men
#679aea Deuteranopia 1% of men
#879da8 Tritanopia 0.001% of the population

Trichromacy

#7b90f4 Protanomaly 1% of men, 0.01% of women
#7892ec Deuteranomaly 6% of men, 0.4% of women
#8c94c2 Tritanomaly 0.01% of the population

#9686ef hex color

#9686ef Color Information

#9686ef Color Conversion

Color Schemes with #9686ef

Alternatives to #9686ef

#9686ef Preview

Shades and Tints of #9686ef

Tones of #9686ef

Color Blindness Simulator