#986cf3 hex color

In a RGB color space, hex #986cf3 is composed of 59.6% red, 42.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 37.4% cyan, 55.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 259.6 degrees, a saturation of 84.9% and a lightness of 68.8%. #986cf3 color hex could be obtained by blending #ffd8ff with #3100e7. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 60
- G 42
- B 95
RGB color chart
- C 37
- M 56
- Y 0
- K 5
CMYK color chart

● #986cf3 color description : Soft violet.

The hexadecimal color #986cf3 has RGB values of R:152, G:108, B:243 and CMYK values of C:0.37, M:0.56, Y:0, K:0.05. Its decimal value is 9989363.

Hex triplet	986cf3	`#986cf3`
RGB Decimal	152, 108, 243	`rgb(152,108,243)`
RGB Percent	59.6, 42.4, 95.3	`rgb(59.6%,42.4%,95.3%)`
CMYK	37, 56, 0, 5
HSL	259.6°, 84.9, 68.8	`hsl(259.6,84.9%,68.8%)`
HSV (or HSB)	259.6°, 55.6, 95.3
Web Safe	9966ff	`#9966ff`

CIE-LAB	55.959, 46.453, -61.932
XYZ	34.486, 23.871, 87.58
xyY	0.236, 0.164, 23.871
CIE-LCH	55.959, 77.418, 306.872
CIE-LUV	55.959, 9.216, -102.195
Hunter-Lab	48.858, 40.491, -72.078
Binary	10011000, 01101100, 11110011

#986cf3
```
#986cf3 rgb(152,108,243)
```
#c7f36c
```
#c7f36c rgb(199,243,108)
```

Complementary Color

#6c84f3
```
#6c84f3 rgb(108,132,243)
```
#986cf3
```
#986cf3 rgb(152,108,243)
```
#dc6cf3
```
#dc6cf3 rgb(220,108,243)
```

Analogous Color

#84f36c
```
#84f36c rgb(132,243,108)
```
#986cf3
```
#986cf3 rgb(152,108,243)
```
#f3dc6c
```
#f3dc6c rgb(243,220,108)
```

Split Complementary Color

#6cf398
```
#6cf398 rgb(108,243,152)
```
#986cf3
```
#986cf3 rgb(152,108,243)
```
#f3986c
```
#f3986c rgb(243,152,108)
```

Triadic Color

#6cc7f3
```
#6cc7f3 rgb(108,199,243)
```
#986cf3
```
#986cf3 rgb(152,108,243)
```
#f3986c
```
#f3986c rgb(243,152,108)
```
#c7f36c
```
#c7f36c rgb(199,243,108)
```

Tetradic Color

#6625ed
```
#6625ed rgb(102,37,237)
```
#773def
```
#773def rgb(119,61,239)
```
#8754f1
```
#8754f1 rgb(135,84,241)
```
#986cf3
```
#986cf3 rgb(152,108,243)
```
#a984f5
```
#a984f5 rgb(169,132,245)
```
#b99bf7
```
#b99bf7 rgb(185,155,247)
```
#cab3f9
```
#cab3f9 rgb(202,179,249)
```

Monochromatic Color

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

#766cf3
```
#766cf3 rgb(118,108,243)
```
#826cf3
```
#826cf3 rgb(130,108,243)
```
#8d6cf3
```
#8d6cf3 rgb(141,108,243)
```
#986cf3
```
#986cf3 rgb(152,108,243)
```
#a36cf3
```
#a36cf3 rgb(163,108,243)
```
#af6cf3
```
#af6cf3 rgb(175,108,243)
```
#ba6cf3
```
#ba6cf3 rgb(186,108,243)
```

Similar Colors

Text with hexadecimal color #986cf3

This text has a font color of #986cf3.

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

#986cf3 background color

This paragraph has a background color of #986cf3.

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

#986cf3 border color

This element has a border color of #986cf3.

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

CSS codes

.text {color:#986cf3;}

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

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

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

#060110
```
#060110 rgb(6,1,16)
```
#0d0322
```
#0d0322 rgb(13,3,34)
```
#140434
```
#140434 rgb(20,4,52)
```
#1b0647
```
#1b0647 rgb(27,6,71)
```
#220759
```
#220759 rgb(34,7,89)
```
#29096b
```
#29096b rgb(41,9,107)
```
#300a7d
```
#300a7d rgb(48,10,125)
```
#370c8f
```
#370c8f rgb(55,12,143)
```
#3d0da1
```
#3d0da1 rgb(61,13,161)
```
#440fb3
```
#440fb3 rgb(68,15,179)
```
#4b10c6
```
#4b10c6 rgb(75,16,198)
```
#5212d8
```
#5212d8 rgb(82,18,216)
```
#5913ea
```
#5913ea rgb(89,19,234)
```

Shade Color Variation

#6523ed
```
#6523ed rgb(101,35,237)
```
#7236ef
```
#7236ef rgb(114,54,239)
```
#7f48f0
```
#7f48f0 rgb(127,72,240)
```
#8b5af2
```
#8b5af2 rgb(139,90,242)
```
#986cf3
```
#986cf3 rgb(152,108,243)
```
#a57ef4
```
#a57ef4 rgb(165,126,244)
```
#b190f6
```
#b190f6 rgb(177,144,246)
```
#bea2f7
```
#bea2f7 rgb(190,162,247)
```
#cbb5f9
```
#cbb5f9 rgb(203,181,249)
```
#d8c7fa
```
#d8c7fa rgb(216,199,250)
```
#e4d9fc
```
#e4d9fc rgb(228,217,252)
```
#f1ebfd
```
#f1ebfd rgb(241,235,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#afafb0
```
#afafb0 rgb(175,175,176)
```
#ada9b6
```
#ada9b6 rgb(173,169,182)
```
#aba3bc
```
#aba3bc rgb(171,163,188)
```
#a99dc2
```
#a99dc2 rgb(169,157,194)
```
#a797c8
```
#a797c8 rgb(167,151,200)
```
#a591ce
```
#a591ce rgb(165,145,206)
```
#a38bd4
```
#a38bd4 rgb(163,139,212)
```
#a184db
```
#a184db rgb(161,132,219)
```
#9e7ee1
```
#9e7ee1 rgb(158,126,225)
```
#9c78e7
```
#9c78e7 rgb(156,120,231)
```
#9a72ed
```
#9a72ed rgb(154,114,237)
```
#986cf3
```
#986cf3 rgb(152,108,243)
```
#9666f9
```
#9666f9 rgb(150,102,249)
```

Tone Color Variation

Below, you can see how #986cf3 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
#8c839e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d88ff Protanopia 1% of men
#308ee9 Deuteranopia 1% of men
#848d97 Tritanopia 0.001% of the population

Trichromacy

#5e7efa Protanomaly 1% of men, 0.01% of women
#5681ec Deuteranomaly 6% of men, 0.4% of women
#8b81b8 Tritanomaly 0.01% of the population

#986cf3 hex color

#986cf3 Color Information

#986cf3 Color Conversion

Color Schemes with #986cf3

Alternatives to #986cf3

#986cf3 Preview

Shades and Tints of #986cf3

Tones of #986cf3

Color Blindness Simulator