#b86cfc hex color

In a RGB color space, hex #b86cfc is composed of 72.2% red, 42.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 27% cyan, 57.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 271.7 degrees, a saturation of 96% and a lightness of 70.6%. #b86cfc color hex could be obtained by blending #ffd8ff with #7100f9. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 72
- G 42
- B 99
RGB color chart
- C 27
- M 57
- Y 0
- K 1
CMYK color chart

● #b86cfc color description : Soft violet.

The hexadecimal color #b86cfc has RGB values of R:184, G:108, B:252 and CMYK values of C:0.27, M:0.57, Y:0, K:0.01. Its decimal value is 12086524.

Hex triplet	b86cfc	`#b86cfc`
RGB Decimal	184, 108, 252	`rgb(184,108,252)`
RGB Percent	72.2, 42.4, 98.8	`rgb(72.2%,42.4%,98.8%)`
CMYK	27, 57, 0, 1
HSL	271.7°, 96, 70.6	`hsl(271.7,96%,70.6%)`
HSV (or HSB)	271.7°, 57.1, 98.8
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.838, 56.045, -60.512
XYZ	42.698, 27.944, 95.235
xyY	0.257, 0.168, 27.944
CIE-LCH	59.838, 82.479, 312.806
CIE-LUV	59.838, 23.821, -102.615
Hunter-Lab	52.862, 51.668, -69.81
Binary	10111000, 01101100, 11111100

#b86cfc
```
#b86cfc rgb(184,108,252)
```
#b0fc6c
```
#b0fc6c rgb(176,252,108)
```

Complementary Color

#706cfc
```
#706cfc rgb(112,108,252)
```
#b86cfc
```
#b86cfc rgb(184,108,252)
```
#fc6cf8
```
#fc6cf8 rgb(252,108,248)
```

Analogous Color

#6cfc70
```
#6cfc70 rgb(108,252,112)
```
#b86cfc
```
#b86cfc rgb(184,108,252)
```
#f8fc6c
```
#f8fc6c rgb(248,252,108)
```

Split Complementary Color

#6cfcb8
```
#6cfcb8 rgb(108,252,184)
```
#b86cfc
```
#b86cfc rgb(184,108,252)
```
#fcb86c
```
#fcb86c rgb(252,184,108)
```

Triadic Color

#6cb0fc
```
#6cb0fc rgb(108,176,252)
```
#b86cfc
```
#b86cfc rgb(184,108,252)
```
#fcb86c
```
#fcb86c rgb(252,184,108)
```
#b0fc6c
```
#b0fc6c rgb(176,252,108)
```

Tetradic Color

#9421fa
```
#9421fa rgb(148,33,250)
```
#a03afb
```
#a03afb rgb(160,58,251)
```
#ac53fb
```
#ac53fb rgb(172,83,251)
```
#b86cfc
```
#b86cfc rgb(184,108,252)
```
#c485fd
```
#c485fd rgb(196,133,253)
```
#d09efd
```
#d09efd rgb(208,158,253)
```
#dcb7fe
```
#dcb7fe rgb(220,183,254)
```

Monochromatic Color

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

#946cfc
```
#946cfc rgb(148,108,252)
```
#a06cfc
```
#a06cfc rgb(160,108,252)
```
#ac6cfc
```
#ac6cfc rgb(172,108,252)
```
#b86cfc
```
#b86cfc rgb(184,108,252)
```
#c46cfc
```
#c46cfc rgb(196,108,252)
```
#d06cfc
```
#d06cfc rgb(208,108,252)
```
#dc6cfc
```
#dc6cfc rgb(220,108,252)
```

Similar Colors

Text with hexadecimal color #b86cfc

This text has a font color of #b86cfc.

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

#b86cfc background color

This paragraph has a background color of #b86cfc.

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

#b86cfc border color

This element has a border color of #b86cfc.

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

CSS codes

.text {color:#b86cfc;}

.background {background-color:#b86cfc;}

.border {border:1px solid #b86cfc;}

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

#040007
```
#040007 rgb(4,0,7)
```
#0e011a
```
#0e011a rgb(14,1,26)
```
#18012d
```
#18012d rgb(24,1,45)
```
#230140
```
#230140 rgb(35,1,64)
```
#2d0254
```
#2d0254 rgb(45,2,84)
```
#370267
```
#370267 rgb(55,2,103)
```
#42027a
```
#42027a rgb(66,2,122)
```
#4c038d
```
#4c038d rgb(76,3,141)
```
#5603a1
```
#5603a1 rgb(86,3,161)
```
#6104b4
```
#6104b4 rgb(97,4,180)
```
#6b04c7
```
#6b04c7 rgb(107,4,199)
```
#7504da
```
#7504da rgb(117,4,218)
```
#8005ed
```
#8005ed rgb(128,5,237)
```

Shade Color Variation

#8a0cfa
```
#8a0cfa rgb(138,12,250)
```
#931ffa
```
#931ffa rgb(147,31,250)
```
#9c32fb
```
#9c32fb rgb(156,50,251)
```
#a546fb
```
#a546fb rgb(165,70,251)
```
#af59fc
```
#af59fc rgb(175,89,252)
```
#b86cfc
```
#b86cfc rgb(184,108,252)
```
#c17ffc
```
#c17ffc rgb(193,127,252)
```
#cb92fd
```
#cb92fd rgb(203,146,253)
```
#d4a6fd
```
#d4a6fd rgb(212,166,253)
```
#ddb9fe
```
#ddb9fe rgb(221,185,254)
```
#e6ccfe
```
#e6ccfe rgb(230,204,254)
```
#f0dffe
```
#f0dffe rgb(240,223,254)
```
#f9f3ff
```
#f9f3ff rgb(249,243,255)
```

Tint Color Variation

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

#b4b1b7
```
#b4b1b7 rgb(180,177,183)
```
#b4abbd
```
#b4abbd rgb(180,171,189)
```
#b5a6c2
```
#b5a6c2 rgb(181,166,194)
```
#b5a0c8
```
#b5a0c8 rgb(181,160,200)
```
#b59ace
```
#b59ace rgb(181,154,206)
```
#b694d4
```
#b694d4 rgb(182,148,212)
```
#b68fd9
```
#b68fd9 rgb(182,143,217)
```
#b689df
```
#b689df rgb(182,137,223)
```
#b783e5
```
#b783e5 rgb(183,131,229)
```
#b77deb
```
#b77deb rgb(183,125,235)
```
#b778f0
```
#b778f0 rgb(183,120,240)
```
#b872f6
```
#b872f6 rgb(184,114,246)
```
#b86cfc
```
#b86cfc rgb(184,108,252)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9a8ba8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b92ff Protanopia 1% of men
#5097ef Deuteranopia 1% of men
#a68f9a Tritanopia 0.001% of the population

Trichromacy

#7c84fd Protanomaly 1% of men, 0.01% of women
#7687f4 Deuteranomaly 6% of men, 0.4% of women
#ad82bd Tritanomaly 0.01% of the population

#b86cfc hex color

#b86cfc Color Information

#b86cfc Color Conversion

Color Schemes with #b86cfc

Alternatives to #b86cfc

#b86cfc Preview

Shades and Tints of #b86cfc

Tones of #b86cfc

Color Blindness Simulator