#bf84f6 hex color

In a RGB color space, hex #bf84f6 is composed of 74.9% red, 51.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 46.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 271.1 degrees, a saturation of 86.4% and a lightness of 74.1%. #bf84f6 color hex could be obtained by blending #ffffff with #7f09ed. Closest websafe color is: #cc99ff.

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

● #bf84f6 color description : Soft violet.

The hexadecimal color #bf84f6 has RGB values of R:191, G:132, B:246 and CMYK values of C:0.22, M:0.46, Y:0, K:0.04. Its decimal value is 12551414.

Hex triplet	bf84f6	`#bf84f6`
RGB Decimal	191, 132, 246	`rgb(191,132,246)`
RGB Percent	74.9, 51.8, 96.5	`rgb(74.9%,51.8%,96.5%)`
CMYK	22, 46, 0, 4
HSL	271.1°, 86.4, 74.1	`hsl(271.1,86.4%,74.1%)`
HSV (or HSB)	271.1°, 46.3, 96.5
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	65.147, 43.838, -48.721
XYZ	46.369, 34.233, 91.349
xyY	0.27, 0.199, 34.233
CIE-LCH	65.147, 65.54, 311.98
CIE-LUV	65.147, 20.814, -83.738
Hunter-Lab	58.509, 39.072, -51.611
Binary	10111111, 10000100, 11110110

#bf84f6
```
#bf84f6 rgb(191,132,246)
```
#bbf684
```
#bbf684 rgb(187,246,132)
```

Complementary Color

#8684f6
```
#8684f6 rgb(134,132,246)
```
#bf84f6
```
#bf84f6 rgb(191,132,246)
```
#f684f4
```
#f684f4 rgb(246,132,244)
```

Analogous Color

#84f686
```
#84f686 rgb(132,246,134)
```
#bf84f6
```
#bf84f6 rgb(191,132,246)
```
#f4f684
```
#f4f684 rgb(244,246,132)
```

Split Complementary Color

#84f6bf
```
#84f6bf rgb(132,246,191)
```
#bf84f6
```
#bf84f6 rgb(191,132,246)
```
#f6bf84
```
#f6bf84 rgb(246,191,132)
```

Triadic Color

#84bbf6
```
#84bbf6 rgb(132,187,246)
```
#bf84f6
```
#bf84f6 rgb(191,132,246)
```
#f6bf84
```
#f6bf84 rgb(246,191,132)
```
#bbf684
```
#bbf684 rgb(187,246,132)
```

Tetradic Color

#9a3df1
```
#9a3df1 rgb(154,61,241)
```
#a654f3
```
#a654f3 rgb(166,84,243)
```
#b36cf4
```
#b36cf4 rgb(179,108,244)
```
#bf84f6
```
#bf84f6 rgb(191,132,246)
```
#cb9cf8
```
#cb9cf8 rgb(203,156,248)
```
#d8b4f9
```
#d8b4f9 rgb(216,180,249)
```
#e4cbfb
```
#e4cbfb rgb(228,203,251)
```

Monochromatic Color

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

#a384f6
```
#a384f6 rgb(163,132,246)
```
#ac84f6
```
#ac84f6 rgb(172,132,246)
```
#b684f6
```
#b684f6 rgb(182,132,246)
```
#bf84f6
```
#bf84f6 rgb(191,132,246)
```
#c984f6
```
#c984f6 rgb(201,132,246)
```
#d284f6
```
#d284f6 rgb(210,132,246)
```
#dc84f6
```
#dc84f6 rgb(220,132,246)
```

Similar Colors

Text with hexadecimal color #bf84f6

This text has a font color of #bf84f6.

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

#bf84f6 background color

This paragraph has a background color of #bf84f6.

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

#bf84f6 border color

This element has a border color of #bf84f6.

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

CSS codes

.text {color:#bf84f6;}

.background {background-color:#bf84f6;}

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

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

#030005
```
#030005 rgb(3,0,5)
```
#0d0217
```
#0d0217 rgb(13,2,23)
```
#17032a
```
#17032a rgb(23,3,42)
```
#21043c
```
#21043c rgb(33,4,60)
```
#2b064e
```
#2b064e rgb(43,6,78)
```
#350760
```
#350760 rgb(53,7,96)
```
#3f0873
```
#3f0873 rgb(63,8,115)
```
#490a85
```
#490a85 rgb(73,10,133)
```
#540b97
```
#540b97 rgb(84,11,151)
```
#5e0ca9
```
#5e0ca9 rgb(94,12,169)
```
#680ebc
```
#680ebc rgb(104,14,188)
```
#720fce
```
#720fce rgb(114,15,206)
```
#7c10e0
```
#7c10e0 rgb(124,16,224)
```

Shade Color Variation

#8616ee
```
#8616ee rgb(134,22,238)
```
#8f29ef
```
#8f29ef rgb(143,41,239)
```
#993bf1
```
#993bf1 rgb(153,59,241)
```
#a24df2
```
#a24df2 rgb(162,77,242)
```
#ac5ff3
```
#ac5ff3 rgb(172,95,243)
```
#b572f5
```
#b572f5 rgb(181,114,245)
```
#bf84f6
```
#bf84f6 rgb(191,132,246)
```
#c996f7
```
#c996f7 rgb(201,150,247)
```
#d2a9f9
```
#d2a9f9 rgb(210,169,249)
```
#dcbbfa
```
#dcbbfa rgb(220,187,250)
```
#e5cdfb
```
#e5cdfb rgb(229,205,251)
```
#efdffd
```
#efdffd rgb(239,223,253)
```
#f8f2fe
```
#f8f2fe rgb(248,242,254)
```

Tint Color Variation

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

#bdbcbe
```
#bdbcbe rgb(189,188,190)
```
#bdb7c3
```
#bdb7c3 rgb(189,183,195)
```
#bdb2c8
```
#bdb2c8 rgb(189,178,200)
```
#beadcd
```
#beadcd rgb(190,173,205)
```
#bea8d2
```
#bea8d2 rgb(190,168,210)
```
#bea2d8
```
#bea2d8 rgb(190,162,216)
```
#be9ddd
```
#be9ddd rgb(190,157,221)
```
#be98e2
```
#be98e2 rgb(190,152,226)
```
#be93e7
```
#be93e7 rgb(190,147,231)
```
#bf8eec
```
#bf8eec rgb(191,142,236)
```
#bf89f1
```
#bf89f1 rgb(191,137,241)
```
#bf84f6
```
#bf84f6 rgb(191,132,246)
```
#bf7ffb
```
#bf7ffb rgb(191,127,251)
```

Tone Color Variation

Below, you can see how #bf84f6 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
#a99db4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#79a0ff Protanopia 1% of men
#7ca2ee Deuteranopia 1% of men
#b29da8 Tritanopia 0.001% of the population

Trichromacy

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

#bf84f6 hex color

#bf84f6 Color Information

#bf84f6 Color Conversion

Color Schemes with #bf84f6

Alternatives to #bf84f6

#bf84f6 Preview

Shades and Tints of #bf84f6

Tones of #bf84f6

Color Blindness Simulator