#986ff5 hex color

In a RGB color space, hex #986ff5 is composed of 59.6% red, 43.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 54.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 258.4 degrees, a saturation of 87% and a lightness of 69.8%. #986ff5 color hex could be obtained by blending #ffdeff with #3100eb. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 60
- G 44
- B 96
RGB color chart
- C 38
- M 55
- Y 0
- K 4
CMYK color chart

● #986ff5 color description : Soft violet.

The hexadecimal color #986ff5 has RGB values of R:152, G:111, B:245 and CMYK values of C:0.38, M:0.55, Y:0, K:0.04. Its decimal value is 9990133.

Hex triplet	986ff5	`#986ff5`
RGB Decimal	152, 111, 245	`rgb(152,111,245)`
RGB Percent	59.6, 43.5, 96.1	`rgb(59.6%,43.5%,96.1%)`
CMYK	38, 55, 0, 4
HSL	258.4°, 87, 69.8	`hsl(258.4,87%,69.8%)`
HSV (or HSB)	258.4°, 54.7, 96.1
Web Safe	9966ff	`#9966ff`

CIE-LAB	56.72, 45.317, -61.821
XYZ	35.112, 24.637, 89.287
xyY	0.236, 0.165, 24.637
CIE-LCH	56.72, 76.652, 306.243
CIE-LUV	56.72, 8.109, -102.225
Hunter-Lab	49.635, 39.409, -71.909
Binary	10011000, 01101111, 11110101

#986ff5
```
#986ff5 rgb(152,111,245)
```
#ccf56f
```
#ccf56f rgb(204,245,111)
```

Complementary Color

#6f89f5
```
#6f89f5 rgb(111,137,245)
```
#986ff5
```
#986ff5 rgb(152,111,245)
```
#db6ff5
```
#db6ff5 rgb(219,111,245)
```

Analogous Color

#89f56f
```
#89f56f rgb(137,245,111)
```
#986ff5
```
#986ff5 rgb(152,111,245)
```
#f5db6f
```
#f5db6f rgb(245,219,111)
```

Split Complementary Color

#6ff598
```
#6ff598 rgb(111,245,152)
```
#986ff5
```
#986ff5 rgb(152,111,245)
```
#f5986f
```
#f5986f rgb(245,152,111)
```

Triadic Color

#6fccf5
```
#6fccf5 rgb(111,204,245)
```
#986ff5
```
#986ff5 rgb(152,111,245)
```
#f5986f
```
#f5986f rgb(245,152,111)
```
#ccf56f
```
#ccf56f rgb(204,245,111)
```

Tetradic Color

#6527f0
```
#6527f0 rgb(101,39,240)
```
#763ff2
```
#763ff2 rgb(118,63,242)
```
#8757f3
```
#8757f3 rgb(135,87,243)
```
#986ff5
```
#986ff5 rgb(152,111,245)
```
#a987f7
```
#a987f7 rgb(169,135,247)
```
#ba9ff8
```
#ba9ff8 rgb(186,159,248)
```
#cbb7fa
```
#cbb7fa rgb(203,183,250)
```

Monochromatic Color

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

#776ff5
```
#776ff5 rgb(119,111,245)
```
#826ff5
```
#826ff5 rgb(130,111,245)
```
#8d6ff5
```
#8d6ff5 rgb(141,111,245)
```
#986ff5
```
#986ff5 rgb(152,111,245)
```
#a36ff5
```
#a36ff5 rgb(163,111,245)
```
#ae6ff5
```
#ae6ff5 rgb(174,111,245)
```
#ba6ff5
```
#ba6ff5 rgb(186,111,245)
```

Similar Colors

Text with hexadecimal color #986ff5

This text has a font color of #986ff5.

<span style="color:#986ff5;">Text here</span>

#986ff5 background color

This paragraph has a background color of #986ff5.

<p style="background-color:#986ff5;">Content here</p>

#986ff5 border color

This element has a border color of #986ff5.

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

CSS codes

.text {color:#986ff5;}

.background {background-color:#986ff5;}

.border {border:1px solid #986ff5;}

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

#010003
```
#010003 rgb(1,0,3)
```
#070115
```
#070115 rgb(7,1,21)
```
#0e0327
```
#0e0327 rgb(14,3,39)
```
#14043a
```
#14043a rgb(20,4,58)
```
#1b054c
```
#1b054c rgb(27,5,76)
```
#21075e
```
#21075e rgb(33,7,94)
```
#280871
```
#280871 rgb(40,8,113)
```
#2e0983
```
#2e0983 rgb(46,9,131)
```
#350a95
```
#350a95 rgb(53,10,149)
```
#3b0ca8
```
#3b0ca8 rgb(59,12,168)
```
#420dba
```
#420dba rgb(66,13,186)
```
#480ecc
```
#480ecc rgb(72,14,204)
```
#4f0fdf
```
#4f0fdf rgb(79,15,223)
```

Shade Color Variation

#5613ef
```
#5613ef rgb(86,19,239)
```
#6426f0
```
#6426f0 rgb(100,38,240)
```
#7138f1
```
#7138f1 rgb(113,56,241)
```
#7e4af2
```
#7e4af2 rgb(126,74,242)
```
#8b5df4
```
#8b5df4 rgb(139,93,244)
```
#986ff5
```
#986ff5 rgb(152,111,245)
```
#a581f6
```
#a581f6 rgb(165,129,246)
```
#b294f8
```
#b294f8 rgb(178,148,248)
```
#bfa6f9
```
#bfa6f9 rgb(191,166,249)
```
#ccb8fa
```
#ccb8fa rgb(204,184,250)
```
#dacbfb
```
#dacbfb rgb(218,203,251)
```
#e7ddfd
```
#e7ddfd rgb(231,221,253)
```
#f4effe
```
#f4effe rgb(244,239,254)
```

Tint Color Variation

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

#b1b0b4
```
#b1b0b4 rgb(177,176,180)
```
#afaaba
```
#afaaba rgb(175,170,186)
```
#ada4c0
```
#ada4c0 rgb(173,164,192)
```
#aa9ec6
```
#aa9ec6 rgb(170,158,198)
```
#a898cc
```
#a898cc rgb(168,152,204)
```
#a693d1
```
#a693d1 rgb(166,147,209)
```
#a38dd7
```
#a38dd7 rgb(163,141,215)
```
#a187dd
```
#a187dd rgb(161,135,221)
```
#9f81e3
```
#9f81e3 rgb(159,129,227)
```
#9d7be9
```
#9d7be9 rgb(157,123,233)
```
#9a75ef
```
#9a75ef rgb(154,117,239)
```
#986ff5
```
#986ff5 rgb(152,111,245)
```
#9669fb
```
#9669fb rgb(150,105,251)
```

Tone Color Variation

Below, you can see how #986ff5 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

#8b8b8b Achromatopsia 0.005% of the population
#8e85a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#448aff Protanopia 1% of men
#3490eb Deuteranopia 1% of men
#848f9a Tritanopia 0.001% of the population

Trichromacy

#6280fb Protanomaly 1% of men, 0.01% of women
#5884ef Deuteranomaly 6% of men, 0.4% of women
#8b83bb Tritanomaly 0.01% of the population

#986ff5 hex color

#986ff5 Color Information

#986ff5 Color Conversion

Color Schemes with #986ff5

Alternatives to #986ff5

#986ff5 Preview

Shades and Tints of #986ff5

Tones of #986ff5

Color Blindness Simulator