#bc22a4 hex color

In a RGB color space, hex #bc22a4 is composed of 73.7% red, 13.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.9% magenta, 12.8% yellow and 26.3% black. It has a hue angle of 309.4 degrees, a saturation of 69.4% and a lightness of 43.5%. #bc22a4 color hex could be obtained by blending #ff44ff with #790049. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 74
- G 13
- B 64
RGB color chart
- C 0
- M 82
- Y 13
- K 26
CMYK color chart

● #bc22a4 color description : Strong magenta.

The hexadecimal color #bc22a4 has RGB values of R:188, G:34, B:164 and CMYK values of C:0, M:0.82, Y:0.13, K:0.26. Its decimal value is 12329636.

Hex triplet	bc22a4	`#bc22a4`
RGB Decimal	188, 34, 164	`rgb(188,34,164)`
RGB Percent	73.7, 13.3, 64.3	`rgb(73.7%,13.3%,64.3%)`
CMYK	0, 82, 13, 26
HSL	309.4°, 69.4, 43.5	`hsl(309.4,69.4%,43.5%)`
HSV (or HSB)	309.4°, 81.9, 73.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	44.967, 69.951, -33.751
XYZ	28.012, 14.518, 36.447
xyY	0.355, 0.184, 14.518
CIE-LCH	44.967, 77.668, 334.243
CIE-LUV	44.967, 68.79, -58.692
Hunter-Lab	38.102, 64.548, -30.042
Binary	10111100, 00100010, 10100100

#bc22a4
```
#bc22a4 rgb(188,34,164)
```
#22bc3a
```
#22bc3a rgb(34,188,58)
```

Complementary Color

#8722bc
```
#8722bc rgb(135,34,188)
```
#bc22a4
```
#bc22a4 rgb(188,34,164)
```
#bc2257
```
#bc2257 rgb(188,34,87)
```

Analogous Color

#22bc87
```
#22bc87 rgb(34,188,135)
```
#bc22a4
```
#bc22a4 rgb(188,34,164)
```
#57bc22
```
#57bc22 rgb(87,188,34)
```

Split Complementary Color

#22a4bc
```
#22a4bc rgb(34,164,188)
```
#bc22a4
```
#bc22a4 rgb(188,34,164)
```
#a4bc22
```
#a4bc22 rgb(164,188,34)
```

Triadic Color

#3a22bc
```
#3a22bc rgb(58,34,188)
```
#bc22a4
```
#bc22a4 rgb(188,34,164)
```
#a4bc22
```
#a4bc22 rgb(164,188,34)
```
#22bc3a
```
#22bc3a rgb(34,188,58)
```

Tetradic Color

#7b166b
```
#7b166b rgb(123,22,107)
```
#911a7e
```
#911a7e rgb(145,26,126)
```
#a61e91
```
#a61e91 rgb(166,30,145)
```
#bc22a4
```
#bc22a4 rgb(188,34,164)
```
#d226b7
```
#d226b7 rgb(210,38,183)
```
#db36c1
```
#db36c1 rgb(219,54,193)
```
#df4cc8
```
#df4cc8 rgb(223,76,200)
```

Monochromatic Color

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

#ae22bc
```
#ae22bc rgb(174,34,188)
```
#ba22bc
```
#ba22bc rgb(186,34,188)
```
#bc22b1
```
#bc22b1 rgb(188,34,177)
```
#bc22a4
```
#bc22a4 rgb(188,34,164)
```
#bc2297
```
#bc2297 rgb(188,34,151)
```
#bc228a
```
#bc228a rgb(188,34,138)
```
#bc227e
```
#bc227e rgb(188,34,126)
```

Similar Colors

Text with hexadecimal color #bc22a4

This text has a font color of #bc22a4.

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

#bc22a4 background color

This paragraph has a background color of #bc22a4.

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

#bc22a4 border color

This element has a border color of #bc22a4.

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

CSS codes

.text {color:#bc22a4;}

.background {background-color:#bc22a4;}

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

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

#050105
```
#050105 rgb(5,1,5)
```
#160413
```
#160413 rgb(22,4,19)
```
#260722
```
#260722 rgb(38,7,34)
```
#370a30
```
#370a30 rgb(55,10,48)
```
#480d3f
```
#480d3f rgb(72,13,63)
```
#58104d
```
#58104d rgb(88,16,77)
```
#69135c
```
#69135c rgb(105,19,92)
```
#7a166a
```
#7a166a rgb(122,22,106)
```
#8a1979
```
#8a1979 rgb(138,25,121)
```
#9b1c87
```
#9b1c87 rgb(155,28,135)
```
#ab1f96
```
#ab1f96 rgb(171,31,150)
```
#bc22a4
```
#bc22a4 rgb(188,34,164)
```
#cd25b2
```
#cd25b2 rgb(205,37,178)
```

Shade Color Variation

#d92cbe
```
#d92cbe rgb(217,44,190)
```
#dc3dc3
```
#dc3dc3 rgb(220,61,195)
```
#df4ec8
```
#df4ec8 rgb(223,78,200)
```
#e25ecd
```
#e25ecd rgb(226,94,205)
```
#e56fd3
```
#e56fd3 rgb(229,111,211)
```
#e87fd8
```
#e87fd8 rgb(232,127,216)
```
#eb90dd
```
#eb90dd rgb(235,144,221)
```
#eea1e2
```
#eea1e2 rgb(238,161,226)
```
#f1b1e7
```
#f1b1e7 rgb(241,177,231)
```
#f4c2ec
```
#f4c2ec rgb(244,194,236)
```
#f7d2f1
```
#f7d2f1 rgb(247,210,241)
```
#fae3f6
```
#fae3f6 rgb(250,227,246)
```
#fdf4fc
```
#fdf4fc rgb(253,244,252)
```

Tint Color Variation

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

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#786675
```
#786675 rgb(120,102,117)
```
#805e7b
```
#805e7b rgb(128,94,123)
```
#895581
```
#895581 rgb(137,85,129)
```
#914d87
```
#914d87 rgb(145,77,135)
```
#9a448c
```
#9a448c rgb(154,68,140)
```
#a23c92
```
#a23c92 rgb(162,60,146)
```
#ab3398
```
#ab3398 rgb(171,51,152)
```
#b32b9e
```
#b32b9e rgb(179,43,158)
```
#bc22a4
```
#bc22a4 rgb(188,34,164)
```
#c519aa
```
#c519aa rgb(197,25,170)
```
#cd11b0
```
#cd11b0 rgb(205,17,176)
```
#d608b6
```
#d608b6 rgb(214,8,182)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#72536d Atypical Achromatopsia 0.001% of the population

Dichromacy

#206ed5 Protanopia 1% of men
#63709a Deuteranopia 1% of men
#b65054 Tritanopia 0.001% of the population

Trichromacy

#5952c3 Protanomaly 1% of men, 0.01% of women
#83549d Deuteranomaly 6% of men, 0.4% of women
#b83f71 Tritanomaly 0.01% of the population

#bc22a4 hex color

#bc22a4 Color Information

#bc22a4 Color Conversion

Color Schemes with #bc22a4

Alternatives to #bc22a4

#bc22a4 Preview

Shades and Tints of #bc22a4

Tones of #bc22a4

Color Blindness Simulator