colorhexa.com

#bc20f6 hex color

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

- R 74
- G 13
- B 96
RGB color chart
- C 24
- M 87
- Y 0
- K 4
CMYK color chart

● #bc20f6 color description : Vivid violet.

The hexadecimal color #bc20f6 has RGB values of R:188, G:32, B:246 and CMYK values of C:0.24, M:0.87, Y:0, K:0.04. Its decimal value is 12329206.

Hex triplet	bc20f6	`#bc20f6`
RGB Decimal	188, 32, 246	`rgb(188,32,246)`
RGB Percent	73.7, 12.5, 96.5	`rgb(73.7%,12.5%,96.5%)`
CMYK	24, 87, 0, 4
HSL	283.7°, 92.2, 54.5	`hsl(283.7,92.2%,54.5%)`
HSV (or HSB)	283.7°, 87, 96.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.953, 83.698, -73.101
XYZ	37.888, 18.38, 88.736
xyY	0.261, 0.127, 18.38
CIE-LCH	49.953, 111.127, 318.866
CIE-LUV	49.953, 41.27, -118.859
Hunter-Lab	42.871, 82.725, -92.709
Binary	10111100, 00100000, 11110110

#bc20f6
```
#bc20f6 rgb(188,32,246)
```
#5af620
```
#5af620 rgb(90,246,32)
```

Complementary Color

#5120f6
```
#5120f6 rgb(81,32,246)
```
#bc20f6
```
#bc20f6 rgb(188,32,246)
```
#f620c5
```
#f620c5 rgb(246,32,197)
```

Analogous Color

#20f651
```
#20f651 rgb(32,246,81)
```
#bc20f6
```
#bc20f6 rgb(188,32,246)
```
#c5f620
```
#c5f620 rgb(197,246,32)
```

Split Complementary Color

#20f6bc
```
#20f6bc rgb(32,246,188)
```
#bc20f6
```
#bc20f6 rgb(188,32,246)
```
#f6bc20
```
#f6bc20 rgb(246,188,32)
```

Triadic Color

#205af6
```
#205af6 rgb(32,90,246)
```
#bc20f6
```
#bc20f6 rgb(188,32,246)
```
#f6bc20
```
#f6bc20 rgb(246,188,32)
```
#5af620
```
#5af620 rgb(90,246,32)
```

Tetradic Color

#8f08c2
```
#8f08c2 rgb(143,8,194)
```
#a109da
```
#a109da rgb(161,9,218)
```
#b40af3
```
#b40af3 rgb(180,10,243)
```
#bc20f6
```
#bc20f6 rgb(188,32,246)
```
#c339f7
```
#c339f7 rgb(195,57,247)
```
#cb51f8
```
#cb51f8 rgb(203,81,248)
```
#d26af9
```
#d26af9 rgb(210,106,249)
```

Monochromatic Color

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

#8720f6
```
#8720f6 rgb(135,32,246)
```
#9820f6
```
#9820f6 rgb(152,32,246)
```
#aa20f6
```
#aa20f6 rgb(170,32,246)
```
#bc20f6
```
#bc20f6 rgb(188,32,246)
```
#ce20f6
```
#ce20f6 rgb(206,32,246)
```
#e020f6
```
#e020f6 rgb(224,32,246)
```
#f220f6
```
#f220f6 rgb(242,32,246)
```

Similar Colors

Text with hexadecimal color #bc20f6

This text has a font color of #bc20f6.

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

#bc20f6 background color

This paragraph has a background color of #bc20f6.

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

#bc20f6 border color

This element has a border color of #bc20f6.

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

CSS codes

.text {color:#bc20f6;}

.background {background-color:#bc20f6;}

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

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 #faeffe is the lightest one.

#020003
```
#020003 rgb(2,0,3)
```
#100116
```
#100116 rgb(16,1,22)
```
#1e0229
```
#1e0229 rgb(30,2,41)
```
#2c023c
```
#2c023c rgb(44,2,60)
```
#3a034f
```
#3a034f rgb(58,3,79)
```
#480462
```
#480462 rgb(72,4,98)
```
#560574
```
#560574 rgb(86,5,116)
```
#640587
```
#640587 rgb(100,5,135)
```
#72069a
```
#72069a rgb(114,6,154)
```
#8007ad
```
#8007ad rgb(128,7,173)
```
#8e08c0
```
#8e08c0 rgb(142,8,192)
```
#9c09d3
```
#9c09d3 rgb(156,9,211)
```
#aa09e6
```
#aa09e6 rgb(170,9,230)
```

Shade Color Variation

#b60df5
```
#b60df5 rgb(182,13,245)
```
#bc20f6
```
#bc20f6 rgb(188,32,246)
```
#c233f7
```
#c233f7 rgb(194,51,247)
```
#c746f8
```
#c746f8 rgb(199,70,248)
```
#cd59f8
```
#cd59f8 rgb(205,89,248)
```
#d36bf9
```
#d36bf9 rgb(211,107,249)
```
#d87efa
```
#d87efa rgb(216,126,250)
```
#de91fb
```
#de91fb rgb(222,145,251)
```
#e4a4fb
```
#e4a4fb rgb(228,164,251)
```
#e9b7fc
```
#e9b7fc rgb(233,183,252)
```
#efcafd
```
#efcafd rgb(239,202,253)
```
#f5ddfe
```
#f5ddfe rgb(245,221,254)
```
#faeffe
```
#faeffe rgb(250,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 #c017ff is the most saturated one.

#8f8294
```
#8f8294 rgb(143,130,148)
```
#93799d
```
#93799d rgb(147,121,157)
```
#9770a6
```
#9770a6 rgb(151,112,166)
```
#9b67af
```
#9b67af rgb(155,103,175)
```
#9f5eb8
```
#9f5eb8 rgb(159,94,184)
```
#a356c0
```
#a356c0 rgb(163,86,192)
```
#a84dc9
```
#a84dc9 rgb(168,77,201)
```
#ac44d2
```
#ac44d2 rgb(172,68,210)
```
#b03bdb
```
#b03bdb rgb(176,59,219)
```
#b432e4
```
#b432e4 rgb(180,50,228)
```
#b829ed
```
#b829ed rgb(184,41,237)
```
#bc20f6
```
#bc20f6 rgb(188,32,246)
```
#c017ff
```
#c017ff rgb(192,23,255)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#785984 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aee Protanopia 1% of men
#0080d3 Deuteranopia 1% of men
#a86d75 Tritanopia 0.001% of the population

Trichromacy

#4459f0 Protanomaly 1% of men, 0.01% of women
#445de0 Deuteranomaly 6% of men, 0.4% of women
#af51a3 Tritanomaly 0.01% of the population