#bf86f5 hex color

In a RGB color space, hex #bf86f5 is composed of 74.9% red, 52.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 22% cyan, 45.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 270.8 degrees, a saturation of 84.7% and a lightness of 74.3%. #bf86f5 color hex could be obtained by blending #ffffff with #7f0deb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 75
- G 53
- B 96
RGB color chart
- C 22
- M 45
- Y 0
- K 4
CMYK color chart

● #bf86f5 color description : Soft violet.

The hexadecimal color #bf86f5 has RGB values of R:191, G:134, B:245 and CMYK values of C:0.22, M:0.45, Y:0, K:0.04. Its decimal value is 12551925.

Hex triplet	bf86f5	`#bf86f5`
RGB Decimal	191, 134, 245	`rgb(191,134,245)`
RGB Percent	74.9, 52.5, 96.1	`rgb(74.9%,52.5%,96.1%)`
CMYK	22, 45, 0, 4
HSL	270.8°, 84.7, 74.3	`hsl(270.8,84.7%,74.3%)`
HSV (or HSB)	270.8°, 45.3, 96.1
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	65.53, 42.53, -47.568
XYZ	46.49, 34.72, 90.634
xyY	0.271, 0.202, 34.72
CIE-LCH	65.53, 63.808, 311.8
CIE-LUV	65.53, 20.237, -81.763
Hunter-Lab	58.923, 37.718, -49.951
Binary	10111111, 10000110, 11110101

#bf86f5
```
#bf86f5 rgb(191,134,245)
```
#bcf586
```
#bcf586 rgb(188,245,134)
```

Complementary Color

#8886f5
```
#8886f5 rgb(136,134,245)
```
#bf86f5
```
#bf86f5 rgb(191,134,245)
```
#f586f4
```
#f586f4 rgb(245,134,244)
```

Analogous Color

#86f588
```
#86f588 rgb(134,245,136)
```
#bf86f5
```
#bf86f5 rgb(191,134,245)
```
#f4f586
```
#f4f586 rgb(244,245,134)
```

Split Complementary Color

#86f5bf
```
#86f5bf rgb(134,245,191)
```
#bf86f5
```
#bf86f5 rgb(191,134,245)
```
#f5bf86
```
#f5bf86 rgb(245,191,134)
```

Triadic Color

#86bcf5
```
#86bcf5 rgb(134,188,245)
```
#bf86f5
```
#bf86f5 rgb(191,134,245)
```
#f5bf86
```
#f5bf86 rgb(245,191,134)
```
#bcf586
```
#bcf586 rgb(188,245,134)
```

Tetradic Color

#9a3fef
```
#9a3fef rgb(154,63,239)
```
#a657f1
```
#a657f1 rgb(166,87,241)
```
#b36ef3
```
#b36ef3 rgb(179,110,243)
```
#bf86f5
```
#bf86f5 rgb(191,134,245)
```
#cb9ef7
```
#cb9ef7 rgb(203,158,247)
```
#d8b5f9
```
#d8b5f9 rgb(216,181,249)
```
#e4cdfb
```
#e4cdfb rgb(228,205,251)
```

Monochromatic Color

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

#a386f5
```
#a386f5 rgb(163,134,245)
```
#ad86f5
```
#ad86f5 rgb(173,134,245)
```
#b686f5
```
#b686f5 rgb(182,134,245)
```
#bf86f5
```
#bf86f5 rgb(191,134,245)
```
#c886f5
```
#c886f5 rgb(200,134,245)
```
#d286f5
```
#d286f5 rgb(210,134,245)
```
#db86f5
```
#db86f5 rgb(219,134,245)
```

Similar Colors

Text with hexadecimal color #bf86f5

This text has a font color of #bf86f5.

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

#bf86f5 background color

This paragraph has a background color of #bf86f5.

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

#bf86f5 border color

This element has a border color of #bf86f5.

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

CSS codes

.text {color:#bf86f5;}

.background {background-color:#bf86f5;}

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

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

#030006
```
#030006 rgb(3,0,6)
```
#0d0218
```
#0d0218 rgb(13,2,24)
```
#17032a
```
#17032a rgb(23,3,42)
```
#21053c
```
#21053c rgb(33,5,60)
```
#2b064e
```
#2b064e rgb(43,6,78)
```
#350860
```
#350860 rgb(53,8,96)
```
#3f0973
```
#3f0973 rgb(63,9,115)
```
#490b85
```
#490b85 rgb(73,11,133)
```
#530c97
```
#530c97 rgb(83,12,151)
```
#5e0ea9
```
#5e0ea9 rgb(94,14,169)
```
#680fbb
```
#680fbb rgb(104,15,187)
```
#7211cd
```
#7211cd rgb(114,17,205)
```
#7c12df
```
#7c12df rgb(124,18,223)
```

Shade Color Variation

#8619ec
```
#8619ec rgb(134,25,236)
```
#8f2bee
```
#8f2bee rgb(143,43,238)
```
#993eef
```
#993eef rgb(153,62,239)
```
#a250f1
```
#a250f1 rgb(162,80,241)
```
#ac62f2
```
#ac62f2 rgb(172,98,242)
```
#b574f4
```
#b574f4 rgb(181,116,244)
```
#bf86f5
```
#bf86f5 rgb(191,134,245)
```
#c998f6
```
#c998f6 rgb(201,152,246)
```
#d2aaf8
```
#d2aaf8 rgb(210,170,248)
```
#dcbcf9
```
#dcbcf9 rgb(220,188,249)
```
#e5cefb
```
#e5cefb rgb(229,206,251)
```
#efe1fc
```
#efe1fc rgb(239,225,252)
```
#f8f3fe
```
#f8f3fe rgb(248,243,254)
```

Tint Color Variation

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

#bebdbe
```
#bebdbe rgb(190,189,190)
```
#beb8c3
```
#beb8c3 rgb(190,184,195)
```
#beb3c8
```
#beb3c8 rgb(190,179,200)
```
#beaecd
```
#beaecd rgb(190,174,205)
```
#bea9d2
```
#bea9d2 rgb(190,169,210)
```
#bea4d7
```
#bea4d7 rgb(190,164,215)
```
#be9fdc
```
#be9fdc rgb(190,159,220)
```
#be9ae1
```
#be9ae1 rgb(190,154,225)
```
#bf95e6
```
#bf95e6 rgb(191,149,230)
```
#bf90eb
```
#bf90eb rgb(191,144,235)
```
#bf8bf0
```
#bf8bf0 rgb(191,139,240)
```
#bf86f5
```
#bf86f5 rgb(191,134,245)
```
#bf81fa
```
#bf81fa rgb(191,129,250)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a99eb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7ba1ff Protanopia 1% of men
#7fa3ed Deuteranopia 1% of men
#b29ea9 Tritanopia 0.001% of the population

Trichromacy

#9497fb Protanomaly 1% of men, 0.01% of women
#9698f0 Deuteranomaly 6% of men, 0.4% of women
#b795c5 Tritanomaly 0.01% of the population

#bf86f5 hex color

#bf86f5 Color Information

#bf86f5 Color Conversion

Color Schemes with #bf86f5

Alternatives to #bf86f5

#bf86f5 Preview

Shades and Tints of #bf86f5

Tones of #bf86f5

Color Blindness Simulator