#bf87f6 hex color

In a RGB color space, hex #bf87f6 is composed of 74.9% red, 52.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 45.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 270.3 degrees, a saturation of 86% and a lightness of 74.7%. #bf87f6 color hex could be obtained by blending #ffffff with #7f0fed. 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

● #bf87f6 color description : Soft violet.

The hexadecimal color #bf87f6 has RGB values of R:191, G:135, B:246 and CMYK values of C:0.22, M:0.45, Y:0, K:0.04. Its decimal value is 12552182.

Hex triplet	bf87f6	`#bf87f6`
RGB Decimal	191, 135, 246	`rgb(191,135,246)`
RGB Percent	74.9, 52.9, 96.5	`rgb(74.9%,52.9%,96.5%)`
CMYK	22, 45, 0, 4
HSL	270.3°, 86, 74.7	`hsl(270.3,86%,74.7%)`
HSV (or HSB)	270.3°, 45.1, 96.5
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	65.794, 42.213, -47.7
XYZ	46.782, 35.059, 91.486
xyY	0.27, 0.202, 35.059
CIE-LCH	65.794, 63.696, 311.508
CIE-LUV	65.794, 19.722, -81.996
Hunter-Lab	59.21, 37.414, -50.162
Binary	10111111, 10000111, 11110110

#bf87f6
```
#bf87f6 rgb(191,135,246)
```
#bef687
```
#bef687 rgb(190,246,135)
```

Complementary Color

#8887f6
```
#8887f6 rgb(136,135,246)
```
#bf87f6
```
#bf87f6 rgb(191,135,246)
```
#f687f6
```
#f687f6 rgb(246,135,246)
```

Analogous Color

#87f688
```
#87f688 rgb(135,246,136)
```
#bf87f6
```
#bf87f6 rgb(191,135,246)
```
#f6f687
```
#f6f687 rgb(246,246,135)
```

Split Complementary Color

#87f6bf
```
#87f6bf rgb(135,246,191)
```
#bf87f6
```
#bf87f6 rgb(191,135,246)
```
#f6bf87
```
#f6bf87 rgb(246,191,135)
```

Triadic Color

#87bef6
```
#87bef6 rgb(135,190,246)
```
#bf87f6
```
#bf87f6 rgb(191,135,246)
```
#f6bf87
```
#f6bf87 rgb(246,191,135)
```
#bef687
```
#bef687 rgb(190,246,135)
```

Tetradic Color

#9940f1
```
#9940f1 rgb(153,64,241)
```
#a658f2
```
#a658f2 rgb(166,88,242)
```
#b26ff4
```
#b26ff4 rgb(178,111,244)
```
#bf87f6
```
#bf87f6 rgb(191,135,246)
```
#cc9ff8
```
#cc9ff8 rgb(204,159,248)
```
#d8b6fa
```
#d8b6fa rgb(216,182,250)
```
#e5cefb
```
#e5cefb rgb(229,206,251)
```

Monochromatic Color

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

#a387f6
```
#a387f6 rgb(163,135,246)
```
#ad87f6
```
#ad87f6 rgb(173,135,246)
```
#b687f6
```
#b687f6 rgb(182,135,246)
```
#bf87f6
```
#bf87f6 rgb(191,135,246)
```
#c887f6
```
#c887f6 rgb(200,135,246)
```
#d287f6
```
#d287f6 rgb(210,135,246)
```
#db87f6
```
#db87f6 rgb(219,135,246)
```

Similar Colors

Text with hexadecimal color #bf87f6

This text has a font color of #bf87f6.

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

#bf87f6 background color

This paragraph has a background color of #bf87f6.

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

#bf87f6 border color

This element has a border color of #bf87f6.

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

CSS codes

.text {color:#bf87f6;}

.background {background-color:#bf87f6;}

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

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)
```
#18032c
```
#18032c rgb(24,3,44)
```
#22053e
```
#22053e rgb(34,5,62)
```
#2c0651
```
#2c0651 rgb(44,6,81)
```
#360763
```
#360763 rgb(54,7,99)
```
#3f0975
```
#3f0975 rgb(63,9,117)
```
#490a87
```
#490a87 rgb(73,10,135)
```
#530c9a
```
#530c9a rgb(83,12,154)
```
#5d0dac
```
#5d0dac rgb(93,13,172)
```
#670ebe
```
#670ebe rgb(103,14,190)
```
#7110d0
```
#7110d0 rgb(113,16,208)
```
#7b11e3
```
#7b11e3 rgb(123,17,227)
```

Shade Color Variation

#851aee
```
#851aee rgb(133,26,238)
```
#8e2cef
```
#8e2cef rgb(142,44,239)
```
#983ef1
```
#983ef1 rgb(152,62,241)
```
#a250f2
```
#a250f2 rgb(162,80,242)
```
#ac63f3
```
#ac63f3 rgb(172,99,243)
```
#b575f5
```
#b575f5 rgb(181,117,245)
```
#bf87f6
```
#bf87f6 rgb(191,135,246)
```
#c999f7
```
#c999f7 rgb(201,153,247)
```
#d2abf9
```
#d2abf9 rgb(210,171,249)
```
#dcbefa
```
#dcbefa rgb(220,190,250)
```
#e6d0fb
```
#e6d0fb rgb(230,208,251)
```
#f0e2fd
```
#f0e2fd rgb(240,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, #bfbebf is the less saturated color, while #bf82fb is the most saturated one.

#bfbebf
```
#bfbebf rgb(191,190,191)
```
#bfb9c4
```
#bfb9c4 rgb(191,185,196)
```
#bfb4c9
```
#bfb4c9 rgb(191,180,201)
```
#bfafce
```
#bfafce rgb(191,175,206)
```
#bfaad3
```
#bfaad3 rgb(191,170,211)
```
#bfa5d8
```
#bfa5d8 rgb(191,165,216)
```
#bfa0dd
```
#bfa0dd rgb(191,160,221)
```
#bf9be2
```
#bf9be2 rgb(191,155,226)
```
#bf96e7
```
#bf96e7 rgb(191,150,231)
```
#bf91ec
```
#bf91ec rgb(191,145,236)
```
#bf8cf1
```
#bf8cf1 rgb(191,140,241)
```
#bf87f6
```
#bf87f6 rgb(191,135,246)
```
#bf82fb
```
#bf82fb rgb(191,130,251)
```

Tone Color Variation

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

#7ca1ff Protanopia 1% of men
#7fa4ee Deuteranopia 1% of men
#b29faa Tritanopia 0.001% of the population

Trichromacy

#9498fb Protanomaly 1% of men, 0.01% of women
#9699f1 Deuteranomaly 6% of men, 0.4% of women
#b796c6 Tritanomaly 0.01% of the population

#bf87f6 hex color

#bf87f6 Color Information

#bf87f6 Color Conversion

Color Schemes with #bf87f6

Alternatives to #bf87f6

#bf87f6 Preview

Shades and Tints of #bf87f6

Tones of #bf87f6

Color Blindness Simulator