#986af8 hex color

In a RGB color space, hex #986af8 is composed of 59.6% red, 41.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 57.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 259.4 degrees, a saturation of 91% and a lightness of 69.4%. #986af8 color hex could be obtained by blending #ffd4ff with #3100f1. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 60
- G 42
- B 97
RGB color chart
- C 39
- M 57
- Y 0
- K 3
CMYK color chart

● #986af8 color description : Soft violet.

The hexadecimal color #986af8 has RGB values of R:152, G:106, B:248 and CMYK values of C:0.39, M:0.57, Y:0, K:0.03. Its decimal value is 9988856.

Hex triplet	986af8	`#986af8`
RGB Decimal	152, 106, 248	`rgb(152,106,248)`
RGB Percent	59.6, 41.6, 97.3	`rgb(59.6%,41.6%,97.3%)`
CMYK	39, 57, 0, 3
HSL	259.4°, 91, 69.4	`hsl(259.4,91%,69.4%)`
HSV (or HSB)	259.4°, 57.3, 97.3
Web Safe	9966ff	`#9966ff`

CIE-LAB	55.847, 48.843, -64.888
XYZ	35.043, 23.761, 91.542
xyY	0.233, 0.158, 23.761
CIE-LCH	55.847, 81.217, 306.97
CIE-LUV	55.847, 9.152, -106.931
Hunter-Lab	48.745, 43.022, -77.224
Binary	10011000, 01101010, 11111000

#986af8
```
#986af8 rgb(152,106,248)
```
#caf86a
```
#caf86a rgb(202,248,106)
```

Complementary Color

#6a83f8
```
#6a83f8 rgb(106,131,248)
```
#986af8
```
#986af8 rgb(152,106,248)
```
#df6af8
```
#df6af8 rgb(223,106,248)
```

Analogous Color

#83f86a
```
#83f86a rgb(131,248,106)
```
#986af8
```
#986af8 rgb(152,106,248)
```
#f8df6a
```
#f8df6a rgb(248,223,106)
```

Split Complementary Color

#6af898
```
#6af898 rgb(106,248,152)
```
#986af8
```
#986af8 rgb(152,106,248)
```
#f8986a
```
#f8986a rgb(248,152,106)
```

Triadic Color

#6acaf8
```
#6acaf8 rgb(106,202,248)
```
#986af8
```
#986af8 rgb(152,106,248)
```
#f8986a
```
#f8986a rgb(248,152,106)
```
#caf86a
```
#caf86a rgb(202,248,106)
```

Tetradic Color

#6521f5
```
#6521f5 rgb(101,33,245)
```
#7639f6
```
#7639f6 rgb(118,57,246)
```
#8752f7
```
#8752f7 rgb(135,82,247)
```
#986af8
```
#986af8 rgb(152,106,248)
```
#a982f9
```
#a982f9 rgb(169,130,249)
```
#ba9bfa
```
#ba9bfa rgb(186,155,250)
```
#cbb3fb
```
#cbb3fb rgb(203,179,251)
```

Monochromatic Color

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

#756af8
```
#756af8 rgb(117,106,248)
```
#806af8
```
#806af8 rgb(128,106,248)
```
#8c6af8
```
#8c6af8 rgb(140,106,248)
```
#986af8
```
#986af8 rgb(152,106,248)
```
#a46af8
```
#a46af8 rgb(164,106,248)
```
#b06af8
```
#b06af8 rgb(176,106,248)
```
#bc6af8
```
#bc6af8 rgb(188,106,248)
```

Similar Colors

Text with hexadecimal color #986af8

This text has a font color of #986af8.

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

#986af8 background color

This paragraph has a background color of #986af8.

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

#986af8 border color

This element has a border color of #986af8.

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

CSS codes

.text {color:#986af8;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#070114
```
#070114 rgb(7,1,20)
```
#0e0226
```
#0e0226 rgb(14,2,38)
```
#140339
```
#140339 rgb(20,3,57)
```
#1b044c
```
#1b044c rgb(27,4,76)
```
#22045f
```
#22045f rgb(34,4,95)
```
#280571
```
#280571 rgb(40,5,113)
```
#2f0684
```
#2f0684 rgb(47,6,132)
```
#360797
```
#360797 rgb(54,7,151)
```
#3c08a9
```
#3c08a9 rgb(60,8,169)
```
#4309bc
```
#4309bc rgb(67,9,188)
```
#4a0acf
```
#4a0acf rgb(74,10,207)
```
#500be2
```
#500be2 rgb(80,11,226)
```

Shade Color Variation

#570cf4
```
#570cf4 rgb(87,12,244)
```
#641ff4
```
#641ff4 rgb(100,31,244)
```
#7132f5
```
#7132f5 rgb(113,50,245)
```
#7e45f6
```
#7e45f6 rgb(126,69,246)
```
#8b57f7
```
#8b57f7 rgb(139,87,247)
```
#986af8
```
#986af8 rgb(152,106,248)
```
#a57df9
```
#a57df9 rgb(165,125,249)
```
#b28ffa
```
#b28ffa rgb(178,143,250)
```
#bfa2fb
```
#bfa2fb rgb(191,162,251)
```
#ccb5fc
```
#ccb5fc rgb(204,181,252)
```
#d9c8fc
```
#d9c8fc rgb(217,200,252)
```
#e6dafd
```
#e6dafd rgb(230,218,253)
```
#f3edfe
```
#f3edfe rgb(243,237,254)
```

Tint Color Variation

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

#afacb6
```
#afacb6 rgb(175,172,182)
```
#ada6bc
```
#ada6bc rgb(173,166,188)
```
#aba0c2
```
#aba0c2 rgb(171,160,194)
```
#a99ac8
```
#a99ac8 rgb(169,154,200)
```
#a794ce
```
#a794ce rgb(167,148,206)
```
#a58ed4
```
#a58ed4 rgb(165,142,212)
```
#a388da
```
#a388da rgb(163,136,218)
```
#a082e0
```
#a082e0 rgb(160,130,224)
```
#9e7ce6
```
#9e7ce6 rgb(158,124,230)
```
#9c76ec
```
#9c76ec rgb(156,118,236)
```
#9a70f2
```
#9a70f2 rgb(154,112,242)
```
#986af8
```
#986af8 rgb(152,106,248)
```
#9664fe
```
#9664fe rgb(150,100,254)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#8b829e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b88ff Protanopia 1% of men
#0f8eed Deuteranopia 1% of men
#828d97 Tritanopia 0.001% of the population

Trichromacy

#5d7dfc Protanomaly 1% of men, 0.01% of women
#4181f1 Deuteranomaly 6% of men, 0.4% of women
#8a80ba Tritanomaly 0.01% of the population

#986af8 hex color

#986af8 Color Information

#986af8 Color Conversion

Color Schemes with #986af8

Alternatives to #986af8

#986af8 Preview

Shades and Tints of #986af8

Tones of #986af8

Color Blindness Simulator