#986bff hex color

In a RGB color space, hex #986bff is composed of 59.6% red, 42% green and 100% blue. Whereas in a CMYK color space, it is composed of 40.4% cyan, 58% magenta, 0% yellow and 0% black. It has a hue angle of 258.2 degrees, a saturation of 100% and a lightness of 71%. #986bff color hex could be obtained by blending #ffd6ff with #3100ff. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 60
- G 42
- B 100
RGB color chart
- C 40
- M 58
- Y 0
- K 0
CMYK color chart

● #986bff color description : Very light violet.

The hexadecimal color #986bff has RGB values of R:152, G:107, B:255 and CMYK values of C:0.4, M:0.58, Y:0, K:0. Its decimal value is 9989119.

Hex triplet	986bff	`#986bff`
RGB Decimal	152, 107, 255	`rgb(152,107,255)`
RGB Percent	59.6, 42, 100	`rgb(59.6%,42%,100%)`
CMYK	40, 58, 0, 0
HSL	258.2°, 100, 71	`hsl(258.2,100%,71%)`
HSV (or HSB)	258.2°, 58, 100
Web Safe	9966ff	`#9966ff`

CIE-LAB	56.496, 50.126, -67.715
XYZ	36.253, 24.41, 97.404
xyY	0.229, 0.154, 24.41
CIE-LCH	56.496, 84.249, 306.51
CIE-LUV	56.496, 8.025, -111.679
Hunter-Lab	49.407, 44.516, -82.303
Binary	10011000, 01101011, 11111111

#986bff
```
#986bff rgb(152,107,255)
```
#d2ff6b
```
#d2ff6b rgb(210,255,107)
```

Complementary Color

#6b88ff
```
#6b88ff rgb(107,136,255)
```
#986bff
```
#986bff rgb(152,107,255)
```
#e26bff
```
#e26bff rgb(226,107,255)
```

Analogous Color

#88ff6b
```
#88ff6b rgb(136,255,107)
```
#986bff
```
#986bff rgb(152,107,255)
```
#ffe26b
```
#ffe26b rgb(255,226,107)
```

Split Complementary Color

#6bff98
```
#6bff98 rgb(107,255,152)
```
#986bff
```
#986bff rgb(152,107,255)
```
#ff986b
```
#ff986b rgb(255,152,107)
```

Triadic Color

#6bd2ff
```
#6bd2ff rgb(107,210,255)
```
#986bff
```
#986bff rgb(152,107,255)
```
#ff986b
```
#ff986b rgb(255,152,107)
```
#d2ff6b
```
#d2ff6b rgb(210,255,107)
```

Tetradic Color

#631fff
```
#631fff rgb(99,31,255)
```
#7538ff
```
#7538ff rgb(117,56,255)
```
#8652ff
```
#8652ff rgb(134,82,255)
```
#986bff
```
#986bff rgb(152,107,255)
```
#aa85ff
```
#aa85ff rgb(170,133,255)
```
#bb9eff
```
#bb9eff rgb(187,158,255)
```
#cdb8ff
```
#cdb8ff rgb(205,184,255)
```

Monochromatic Color

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

#736bff
```
#736bff rgb(115,107,255)
```
#7f6bff
```
#7f6bff rgb(127,107,255)
```
#8c6bff
```
#8c6bff rgb(140,107,255)
```
#986bff
```
#986bff rgb(152,107,255)
```
#a46bff
```
#a46bff rgb(164,107,255)
```
#b16bff
```
#b16bff rgb(177,107,255)
```
#bd6bff
```
#bd6bff rgb(189,107,255)
```

Similar Colors

Text with hexadecimal color #986bff

This text has a font color of #986bff.

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

#986bff background color

This paragraph has a background color of #986bff.

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

#986bff border color

This element has a border color of #986bff.

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

CSS codes

.text {color:#986bff;}

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

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

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

#030009
```
#030009 rgb(3,0,9)
```
#09001d
```
#09001d rgb(9,0,29)
```
#0f0030
```
#0f0030 rgb(15,0,48)
```
#150044
```
#150044 rgb(21,0,68)
```
#1b0057
```
#1b0057 rgb(27,0,87)
```
#21006b
```
#21006b rgb(33,0,107)
```
#26007f
```
#26007f rgb(38,0,127)
```
#2c0092
```
#2c0092 rgb(44,0,146)
```
#3200a6
```
#3200a6 rgb(50,0,166)
```
#3800b9
```
#3800b9 rgb(56,0,185)
```
#3e00cd
```
#3e00cd rgb(62,0,205)
```
#4400e1
```
#4400e1 rgb(68,0,225)
```
#4a00f4
```
#4a00f4 rgb(74,0,244)
```

Shade Color Variation

#5409ff
```
#5409ff rgb(84,9,255)
```
#611dff
```
#611dff rgb(97,29,255)
```
#6f30ff
```
#6f30ff rgb(111,48,255)
```
#7d44ff
```
#7d44ff rgb(125,68,255)
```
#8a57ff
```
#8a57ff rgb(138,87,255)
```
#986bff
```
#986bff rgb(152,107,255)
```
#a67fff
```
#a67fff rgb(166,127,255)
```
#b392ff
```
#b392ff rgb(179,146,255)
```
#c1a6ff
```
#c1a6ff rgb(193,166,255)
```
#cfb9ff
```
#cfb9ff rgb(207,185,255)
```
#dccdff
```
#dccdff rgb(220,205,255)
```
#eae1ff
```
#eae1ff rgb(234,225,255)
```
#f8f4ff
```
#f8f4ff rgb(248,244,255)
```

Tint Color Variation

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

#b3afbb
```
#b3afbb rgb(179,175,187)
```
#b1aac0
```
#b1aac0 rgb(177,170,192)
```
#aea4c6
```
#aea4c6 rgb(174,164,198)
```
#ac9ecc
```
#ac9ecc rgb(172,158,204)
```
#aa99d1
```
#aa99d1 rgb(170,153,209)
```
#a893d7
```
#a893d7 rgb(168,147,215)
```
#a58ddd
```
#a58ddd rgb(165,141,221)
```
#a387e3
```
#a387e3 rgb(163,135,227)
```
#a182e8
```
#a182e8 rgb(161,130,232)
```
#9f7cee
```
#9f7cee rgb(159,124,238)
```
#9c76f4
```
#9c76f4 rgb(156,118,244)
```
#9a71f9
```
#9a71f9 rgb(154,113,249)
```
#986bff
```
#986bff rgb(152,107,255)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#8c83a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4189ff Protanopia 1% of men
#0090ef Deuteranopia 1% of men
#7f909a Tritanopia 0.001% of the population

Trichromacy

#617eff Protanomaly 1% of men, 0.01% of women
#3782f5 Deuteranomaly 6% of men, 0.4% of women
#8882bf Tritanomaly 0.01% of the population

#986bff hex color

#986bff Color Information

#986bff Color Conversion

Color Schemes with #986bff

Alternatives to #986bff

#986bff Preview

Shades and Tints of #986bff

Tones of #986bff

Color Blindness Simulator