#bd86f7 hex color

In a RGB color space, hex #bd86f7 is composed of 74.1% red, 52.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 45.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 269.2 degrees, a saturation of 87.6% and a lightness of 74.7%. #bd86f7 color hex could be obtained by blending #ffffff with #7b0def. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 74
- G 53
- B 97
RGB color chart
- C 23
- M 46
- Y 0
- K 3
CMYK color chart

● #bd86f7 color description : Soft violet.

The hexadecimal color #bd86f7 has RGB values of R:189, G:134, B:247 and CMYK values of C:0.23, M:0.46, Y:0, K:0.03. Its decimal value is 12420855.

Hex triplet	bd86f7	`#bd86f7`
RGB Decimal	189, 134, 247	`rgb(189,134,247)`
RGB Percent	74.1, 52.5, 96.9	`rgb(74.1%,52.5%,96.9%)`
CMYK	23, 46, 0, 3
HSL	269.2°, 87.6, 74.7	`hsl(269.2,87.6%,74.7%)`
HSV (or HSB)	269.2°, 45.7, 96.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	65.424, 42.441, -48.846
XYZ	46.297, 34.585, 92.227
xyY	0.267, 0.2, 34.585
CIE-LCH	65.424, 64.708, 310.986
CIE-LUV	65.424, 18.851, -83.823
Hunter-Lab	58.809, 37.608, -51.815
Binary	10111101, 10000110, 11110111

#bd86f7
```
#bd86f7 rgb(189,134,247)
```
#c0f786
```
#c0f786 rgb(192,247,134)
```

Complementary Color

#8688f7
```
#8688f7 rgb(134,136,247)
```
#bd86f7
```
#bd86f7 rgb(189,134,247)
```
#f686f7
```
#f686f7 rgb(246,134,247)
```

Analogous Color

#88f786
```
#88f786 rgb(136,247,134)
```
#bd86f7
```
#bd86f7 rgb(189,134,247)
```
#f7f686
```
#f7f686 rgb(247,246,134)
```

Split Complementary Color

#86f7bd
```
#86f7bd rgb(134,247,189)
```
#bd86f7
```
#bd86f7 rgb(189,134,247)
```
#f7bd86
```
#f7bd86 rgb(247,189,134)
```

Triadic Color

#86c0f7
```
#86c0f7 rgb(134,192,247)
```
#bd86f7
```
#bd86f7 rgb(189,134,247)
```
#f7bd86
```
#f7bd86 rgb(247,189,134)
```
#c0f786
```
#c0f786 rgb(192,247,134)
```

Tetradic Color

#963ef2
```
#963ef2 rgb(150,62,242)
```
#a356f4
```
#a356f4 rgb(163,86,244)
```
#b06ef5
```
#b06ef5 rgb(176,110,245)
```
#bd86f7
```
#bd86f7 rgb(189,134,247)
```
#ca9ef9
```
#ca9ef9 rgb(202,158,249)
```
#d7b6fa
```
#d7b6fa rgb(215,182,250)
```
#e4cefc
```
#e4cefc rgb(228,206,252)
```

Monochromatic Color

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

#a186f7
```
#a186f7 rgb(161,134,247)
```
#aa86f7
```
#aa86f7 rgb(170,134,247)
```
#b486f7
```
#b486f7 rgb(180,134,247)
```
#bd86f7
```
#bd86f7 rgb(189,134,247)
```
#c686f7
```
#c686f7 rgb(198,134,247)
```
#d086f7
```
#d086f7 rgb(208,134,247)
```
#d986f7
```
#d986f7 rgb(217,134,247)
```

Similar Colors

Text with hexadecimal color #bd86f7

This text has a font color of #bd86f7.

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

#bd86f7 background color

This paragraph has a background color of #bd86f7.

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

#bd86f7 border color

This element has a border color of #bd86f7.

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

CSS codes

.text {color:#bd86f7;}

.background {background-color:#bd86f7;}

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

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

#040108
```
#040108 rgb(4,1,8)
```
#0e021a
```
#0e021a rgb(14,2,26)
```
#17032d
```
#17032d rgb(23,3,45)
```
#21043f
```
#21043f rgb(33,4,63)
```
#2a0551
```
#2a0551 rgb(42,5,81)
```
#340764
```
#340764 rgb(52,7,100)
```
#3e0876
```
#3e0876 rgb(62,8,118)
```
#470989
```
#470989 rgb(71,9,137)
```
#510a9b
```
#510a9b rgb(81,10,155)
```
#5a0bad
```
#5a0bad rgb(90,11,173)
```
#640dc0
```
#640dc0 rgb(100,13,192)
```
#6d0ed2
```
#6d0ed2 rgb(109,14,210)
```
#770fe5
```
#770fe5 rgb(119,15,229)
```

Shade Color Variation

#8118f0
```
#8118f0 rgb(129,24,240)
```
#8b2af1
```
#8b2af1 rgb(139,42,241)
```
#953cf2
```
#953cf2 rgb(149,60,242)
```
#9f4ff3
```
#9f4ff3 rgb(159,79,243)
```
#a961f5
```
#a961f5 rgb(169,97,245)
```
#b374f6
```
#b374f6 rgb(179,116,246)
```
#bd86f7
```
#bd86f7 rgb(189,134,247)
```
#c798f8
```
#c798f8 rgb(199,152,248)
```
#d1abf9
```
#d1abf9 rgb(209,171,249)
```
#dbbdfb
```
#dbbdfb rgb(219,189,251)
```
#e5d0fc
```
#e5d0fc rgb(229,208,252)
```
#efe2fd
```
#efe2fd rgb(239,226,253)
```
#f9f4fe
```
#f9f4fe rgb(249,244,254)
```

Tint Color Variation

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

#bebdc0
```
#bebdc0 rgb(190,189,192)
```
#beb8c5
```
#beb8c5 rgb(190,184,197)
```
#beb3ca
```
#beb3ca rgb(190,179,202)
```
#beaecf
```
#beaecf rgb(190,174,207)
```
#bea9d4
```
#bea9d4 rgb(190,169,212)
```
#bea4d9
```
#bea4d9 rgb(190,164,217)
```
#be9fde
```
#be9fde rgb(190,159,222)
```
#be9ae3
```
#be9ae3 rgb(190,154,227)
```
#bd95e8
```
#bd95e8 rgb(189,149,232)
```
#bd90ed
```
#bd90ed rgb(189,144,237)
```
#bd8bf2
```
#bd8bf2 rgb(189,139,242)
```
#bd86f7
```
#bd86f7 rgb(189,134,247)
```
#bd81fc
```
#bd81fc rgb(189,129,252)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a89db4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7aa0ff Protanopia 1% of men
#7ca3ef Deuteranopia 1% of men
#b09faa Tritanopia 0.001% of the population

Trichromacy

#9297fc Protanomaly 1% of men, 0.01% of women
#9398f2 Deuteranomaly 6% of men, 0.4% of women
#b496c6 Tritanomaly 0.01% of the population

#bd86f7 hex color

#bd86f7 Color Information

#bd86f7 Color Conversion

Color Schemes with #bd86f7

Alternatives to #bd86f7

#bd86f7 Preview

Shades and Tints of #bd86f7

Tones of #bd86f7

Color Blindness Simulator