#bf20f6 hex color

In a RGB color space, hex #bf20f6 is composed of 74.9% red, 12.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 87% magenta, 0% yellow and 3.5% black. It has a hue angle of 284.6 degrees, a saturation of 92.2% and a lightness of 54.5%. #bf20f6 color hex could be obtained by blending #ff40ff with #7f00ed. Closest websafe color is: #cc33ff.

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

● #bf20f6 color description : Vivid violet.

The hexadecimal color #bf20f6 has RGB values of R:191, G:32, B:246 and CMYK values of C:0.22, M:0.87, Y:0, K:0.04. Its decimal value is 12525814.

Hex triplet	bf20f6	`#bf20f6`
RGB Decimal	191, 32, 246	`rgb(191,32,246)`
RGB Percent	74.9, 12.5, 96.5	`rgb(74.9%,12.5%,96.5%)`
CMYK	22, 87, 0, 4
HSL	284.6°, 92.2, 54.5	`hsl(284.6,92.2%,54.5%)`
HSV (or HSB)	284.6°, 87, 96.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.411, 84.129, -72.337
XYZ	38.635, 18.765, 88.771
xyY	0.264, 0.128, 18.765
CIE-LCH	50.411, 110.952, 319.31
CIE-LUV	50.411, 43.05, -118.188
Hunter-Lab	43.318, 83.394, -91.178
Binary	10111111, 00100000, 11110110

#bf20f6
```
#bf20f6 rgb(191,32,246)
```
#57f620
```
#57f620 rgb(87,246,32)
```

Complementary Color

#5420f6
```
#5420f6 rgb(84,32,246)
```
#bf20f6
```
#bf20f6 rgb(191,32,246)
```
#f620c2
```
#f620c2 rgb(246,32,194)
```

Analogous Color

#20f654
```
#20f654 rgb(32,246,84)
```
#bf20f6
```
#bf20f6 rgb(191,32,246)
```
#c2f620
```
#c2f620 rgb(194,246,32)
```

Split Complementary Color

#20f6bf
```
#20f6bf rgb(32,246,191)
```
#bf20f6
```
#bf20f6 rgb(191,32,246)
```
#f6bf20
```
#f6bf20 rgb(246,191,32)
```

Triadic Color

#2057f6
```
#2057f6 rgb(32,87,246)
```
#bf20f6
```
#bf20f6 rgb(191,32,246)
```
#f6bf20
```
#f6bf20 rgb(246,191,32)
```
#57f620
```
#57f620 rgb(87,246,32)
```

Tetradic Color

#9208c2
```
#9208c2 rgb(146,8,194)
```
#a409da
```
#a409da rgb(164,9,218)
```
#b70af3
```
#b70af3 rgb(183,10,243)
```
#bf20f6
```
#bf20f6 rgb(191,32,246)
```
#c639f7
```
#c639f7 rgb(198,57,247)
```
#cd51f8
```
#cd51f8 rgb(205,81,248)
```
#d46af9
```
#d46af9 rgb(212,106,249)
```

Monochromatic Color

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

#8a20f6
```
#8a20f6 rgb(138,32,246)
```
#9b20f6
```
#9b20f6 rgb(155,32,246)
```
#ad20f6
```
#ad20f6 rgb(173,32,246)
```
#bf20f6
```
#bf20f6 rgb(191,32,246)
```
#d120f6
```
#d120f6 rgb(209,32,246)
```
#e320f6
```
#e320f6 rgb(227,32,246)
```
#f520f6
```
#f520f6 rgb(245,32,246)
```

Similar Colors

Text with hexadecimal color #bf20f6

This text has a font color of #bf20f6.

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

#bf20f6 background color

This paragraph has a background color of #bf20f6.

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

#bf20f6 border color

This element has a border color of #bf20f6.

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

CSS codes

.text {color:#bf20f6;}

.background {background-color:#bf20f6;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#110116
```
#110116 rgb(17,1,22)
```
#1f0229
```
#1f0229 rgb(31,2,41)
```
#2d023c
```
#2d023c rgb(45,2,60)
```
#3b034f
```
#3b034f rgb(59,3,79)
```
#490462
```
#490462 rgb(73,4,98)
```
#580574
```
#580574 rgb(88,5,116)
```
#660587
```
#660587 rgb(102,5,135)
```
#74069a
```
#74069a rgb(116,6,154)
```
#8207ad
```
#8207ad rgb(130,7,173)
```
#9008c0
```
#9008c0 rgb(144,8,192)
```
#9f09d3
```
#9f09d3 rgb(159,9,211)
```
#ad09e6
```
#ad09e6 rgb(173,9,230)
```

Shade Color Variation

#ba0df5
```
#ba0df5 rgb(186,13,245)
```
#bf20f6
```
#bf20f6 rgb(191,32,246)
```
#c433f7
```
#c433f7 rgb(196,51,247)
```
#ca46f8
```
#ca46f8 rgb(202,70,248)
```
#cf59f8
```
#cf59f8 rgb(207,89,248)
```
#d56bf9
```
#d56bf9 rgb(213,107,249)
```
#da7efa
```
#da7efa rgb(218,126,250)
```
#df91fb
```
#df91fb rgb(223,145,251)
```
#e5a4fb
```
#e5a4fb rgb(229,164,251)
```
#eab7fc
```
#eab7fc rgb(234,183,252)
```
#f0cafd
```
#f0cafd rgb(240,202,253)
```
#f5ddfe
```
#f5ddfe rgb(245,221,254)
```
#fbeffe
```
#fbeffe rgb(251,239,254)
```

Tint Color Variation

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

#8f8294
```
#8f8294 rgb(143,130,148)
```
#94799d
```
#94799d rgb(148,121,157)
```
#9870a6
```
#9870a6 rgb(152,112,166)
```
#9c67af
```
#9c67af rgb(156,103,175)
```
#a15eb8
```
#a15eb8 rgb(161,94,184)
```
#a556c0
```
#a556c0 rgb(165,86,192)
```
#a94dc9
```
#a94dc9 rgb(169,77,201)
```
#ae44d2
```
#ae44d2 rgb(174,68,210)
```
#b23bdb
```
#b23bdb rgb(178,59,219)
```
#b632e4
```
#b632e4 rgb(182,50,228)
```
#bb29ed
```
#bb29ed rgb(187,41,237)
```
#bf20f6
```
#bf20f6 rgb(191,32,246)
```
#c317ff
```
#c317ff rgb(195,23,255)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#795a84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf0 Protanopia 1% of men
#0081d5 Deuteranopia 1% of men
#ab6d75 Tritanopia 0.001% of the population

Trichromacy

#455af2 Protanomaly 1% of men, 0.01% of women
#455de1 Deuteranomaly 6% of men, 0.4% of women
#b251a3 Tritanomaly 0.01% of the population

#bf20f6 hex color

#bf20f6 Color Information

#bf20f6 Color Conversion

Color Schemes with #bf20f6

Alternatives to #bf20f6

#bf20f6 Preview

Shades and Tints of #bf20f6

Tones of #bf20f6

Color Blindness Simulator