#986af3 hex color

In a RGB color space, hex #986af3 is composed of 59.6% red, 41.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 37.4% cyan, 56.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 260.1 degrees, a saturation of 85.1% and a lightness of 68.4%. #986af3 color hex could be obtained by blending #ffd4ff 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

● #986af3 color description : Soft violet.

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

Hex triplet	986af3	`#986af3`
RGB Decimal	152, 106, 243	`rgb(152,106,243)`
RGB Percent	59.6, 41.6, 95.3	`rgb(59.6%,41.6%,95.3%)`
CMYK	37, 56, 0, 5
HSL	260.1°, 85.1, 68.4	`hsl(260.1,85.1%,68.4%)`
HSV (or HSB)	260.1°, 56.4, 95.3
Web Safe	9966ff	`#9966ff`

CIE-LAB	55.537, 47.55, -62.61
XYZ	34.278, 23.454, 87.51
xyY	0.236, 0.161, 23.454
CIE-LCH	55.537, 78.619, 307.215
CIE-LUV	55.537, 9.781, -103.168
Hunter-Lab	48.43, 41.587, -73.233
Binary	10011000, 01101010, 11110011

#986af3
```
#986af3 rgb(152,106,243)
```
#c5f36a
```
#c5f36a rgb(197,243,106)
```

Complementary Color

#6a81f3
```
#6a81f3 rgb(106,129,243)
```
#986af3
```
#986af3 rgb(152,106,243)
```
#dd6af3
```
#dd6af3 rgb(221,106,243)
```

Analogous Color

#81f36a
```
#81f36a rgb(129,243,106)
```
#986af3
```
#986af3 rgb(152,106,243)
```
#f3dd6a
```
#f3dd6a rgb(243,221,106)
```

Split Complementary Color

#6af398
```
#6af398 rgb(106,243,152)
```
#986af3
```
#986af3 rgb(152,106,243)
```
#f3986a
```
#f3986a rgb(243,152,106)
```

Triadic Color

#6ac5f3
```
#6ac5f3 rgb(106,197,243)
```
#986af3
```
#986af3 rgb(152,106,243)
```
#f3986a
```
#f3986a rgb(243,152,106)
```
#c5f36a
```
#c5f36a rgb(197,243,106)
```

Tetradic Color

#6723ed
```
#6723ed rgb(103,35,237)
```
#773bef
```
#773bef rgb(119,59,239)
```
#8852f1
```
#8852f1 rgb(136,82,241)
```
#986af3
```
#986af3 rgb(152,106,243)
```
#a882f5
```
#a882f5 rgb(168,130,245)
```
#b999f7
```
#b999f7 rgb(185,153,247)
```
#c9b1f9
```
#c9b1f9 rgb(201,177,249)
```

Monochromatic Color

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

#766af3
```
#766af3 rgb(118,106,243)
```
#816af3
```
#816af3 rgb(129,106,243)
```
#8d6af3
```
#8d6af3 rgb(141,106,243)
```
#986af3
```
#986af3 rgb(152,106,243)
```
#a36af3
```
#a36af3 rgb(163,106,243)
```
#af6af3
```
#af6af3 rgb(175,106,243)
```
#ba6af3
```
#ba6af3 rgb(186,106,243)
```

Similar Colors

Text with hexadecimal color #986af3

This text has a font color of #986af3.

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

#986af3 background color

This paragraph has a background color of #986af3.

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

#986af3 border color

This element has a border color of #986af3.

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

CSS codes

.text {color:#986af3;}

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

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

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, #06010e is the darkest color, while #fcfbff is the lightest one.

#06010e
```
#06010e rgb(6,1,14)
```
#0d0321
```
#0d0321 rgb(13,3,33)
```
#140433
```
#140433 rgb(20,4,51)
```
#1b0645
```
#1b0645 rgb(27,6,69)
```
#220757
```
#220757 rgb(34,7,87)
```
#290869
```
#290869 rgb(41,8,105)
```
#300a7b
```
#300a7b rgb(48,10,123)
```
#370b8d
```
#370b8d rgb(55,11,141)
```
#3e0da0
```
#3e0da0 rgb(62,13,160)
```
#450eb2
```
#450eb2 rgb(69,14,178)
```
#4c10c4
```
#4c10c4 rgb(76,16,196)
```
#5311d6
```
#5311d6 rgb(83,17,214)
```
#5a13e8
```
#5a13e8 rgb(90,19,232)
```

Shade Color Variation

#6621ed
```
#6621ed rgb(102,33,237)
```
#7234ef
```
#7234ef rgb(114,52,239)
```
#7f46f0
```
#7f46f0 rgb(127,70,240)
```
#8b58f2
```
#8b58f2 rgb(139,88,242)
```
#986af3
```
#986af3 rgb(152,106,243)
```
#a57cf4
```
#a57cf4 rgb(165,124,244)
```
#b18ef6
```
#b18ef6 rgb(177,142,246)
```
#bea0f7
```
#bea0f7 rgb(190,160,247)
```
#cab3f9
```
#cab3f9 rgb(202,179,249)
```
#d7c5fa
```
#d7c5fa rgb(215,197,250)
```
#e3d7fc
```
#e3d7fc rgb(227,215,252)
```
#f0e9fd
```
#f0e9fd rgb(240,233,253)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#aeaeaf
```
#aeaeaf rgb(174,174,175)
```
#aca8b5
```
#aca8b5 rgb(172,168,181)
```
#aaa2bb
```
#aaa2bb rgb(170,162,187)
```
#a89cc1
```
#a89cc1 rgb(168,156,193)
```
#a695c8
```
#a695c8 rgb(166,149,200)
```
#a48fce
```
#a48fce rgb(164,143,206)
```
#a289d4
```
#a289d4 rgb(162,137,212)
```
#a083da
```
#a083da rgb(160,131,218)
```
#9e7de0
```
#9e7de0 rgb(158,125,224)
```
#9c76e7
```
#9c76e7 rgb(156,118,231)
```
#9a70ed
```
#9a70ed rgb(154,112,237)
```
#986af3
```
#986af3 rgb(152,106,243)
```
#9664f9
```
#9664f9 rgb(150,100,249)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8a819d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3887ff Protanopia 1% of men
#2a8de9 Deuteranopia 1% of men
#838c96 Tritanopia 0.001% of the population

Trichromacy

#5b7cfa Protanomaly 1% of men, 0.01% of women
#5280ec Deuteranomaly 6% of men, 0.4% of women
#8b7fb8 Tritanomaly 0.01% of the population

#986af3 hex color

#986af3 Color Information

#986af3 Color Conversion

Color Schemes with #986af3

Alternatives to #986af3

#986af3 Preview

Shades and Tints of #986af3

Tones of #986af3

Color Blindness Simulator