#bc18a2 hex color

In a RGB color space, hex #bc18a2 is composed of 73.7% red, 9.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 13.8% yellow and 26.3% black. It has a hue angle of 309.5 degrees, a saturation of 77.4% and a lightness of 41.6%. #bc18a2 color hex could be obtained by blending #ff30ff with #790045. Closest websafe color is: #cc0099.

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

● #bc18a2 color description : Strong magenta.

The hexadecimal color #bc18a2 has RGB values of R:188, G:24, B:162 and CMYK values of C:0, M:0.87, Y:0.14, K:0.26. Its decimal value is 12327074.

Hex triplet	bc18a2	`#bc18a2`
RGB Decimal	188, 24, 162	`rgb(188,24,162)`
RGB Percent	73.7, 9.4, 63.5	`rgb(73.7%,9.4%,63.5%)`
CMYK	0, 87, 14, 26
HSL	309.5°, 77.4, 41.6	`hsl(309.5,77.4%,41.6%)`
HSV (or HSB)	309.5°, 87.2, 73.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	44.169, 71.7, -33.811
XYZ	27.587, 13.956, 35.421
xyY	0.358, 0.181, 13.956
CIE-LCH	44.169, 79.272, 334.753
CIE-LUV	44.169, 71.031, -58.771
Hunter-Lab	37.357, 66.442, -30.068
Binary	10111100, 00011000, 10100010

#bc18a2
```
#bc18a2 rgb(188,24,162)
```
#18bc32
```
#18bc32 rgb(24,188,50)
```

Complementary Color

#8418bc
```
#8418bc rgb(132,24,188)
```
#bc18a2
```
#bc18a2 rgb(188,24,162)
```
#bc1850
```
#bc1850 rgb(188,24,80)
```

Analogous Color

#18bc84
```
#18bc84 rgb(24,188,132)
```
#bc18a2
```
#bc18a2 rgb(188,24,162)
```
#50bc18
```
#50bc18 rgb(80,188,24)
```

Split Complementary Color

#18a2bc
```
#18a2bc rgb(24,162,188)
```
#bc18a2
```
#bc18a2 rgb(188,24,162)
```
#a2bc18
```
#a2bc18 rgb(162,188,24)
```

Triadic Color

#3218bc
```
#3218bc rgb(50,24,188)
```
#bc18a2
```
#bc18a2 rgb(188,24,162)
```
#a2bc18
```
#a2bc18 rgb(162,188,24)
```
#18bc32
```
#18bc32 rgb(24,188,50)
```

Tetradic Color

#780f68
```
#780f68 rgb(120,15,104)
```
#8f127b
```
#8f127b rgb(143,18,123)
```
#a5158f
```
#a5158f rgb(165,21,143)
```
#bc18a2
```
#bc18a2 rgb(188,24,162)
```
#d31bb5
```
#d31bb5 rgb(211,27,181)
```
#e324c5
```
#e324c5 rgb(227,36,197)
```
#e63bcb
```
#e63bcb rgb(230,59,203)
```

Monochromatic Color

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

#ad18bc
```
#ad18bc rgb(173,24,188)
```
#bb18bc
```
#bb18bc rgb(187,24,188)
```
#bc18b0
```
#bc18b0 rgb(188,24,176)
```
#bc18a2
```
#bc18a2 rgb(188,24,162)
```
#bc1894
```
#bc1894 rgb(188,24,148)
```
#bc1887
```
#bc1887 rgb(188,24,135)
```
#bc1879
```
#bc1879 rgb(188,24,121)
```

Similar Colors

Text with hexadecimal color #bc18a2

This text has a font color of #bc18a2.

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

#bc18a2 background color

This paragraph has a background color of #bc18a2.

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

#bc18a2 border color

This element has a border color of #bc18a2.

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

CSS codes

.text {color:#bc18a2;}

.background {background-color:#bc18a2;}

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

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, #0e020c is the darkest color, while #fffcfe is the lightest one.

#0e020c
```
#0e020c rgb(14,2,12)
```
#1f041b
```
#1f041b rgb(31,4,27)
```
#31062a
```
#31062a rgb(49,6,42)
```
#420839
```
#420839 rgb(66,8,57)
```
#540b48
```
#540b48 rgb(84,11,72)
```
#650d57
```
#650d57 rgb(101,13,87)
```
#760f66
```
#760f66 rgb(118,15,102)
```
#881175
```
#881175 rgb(136,17,117)
```
#991484
```
#991484 rgb(153,20,132)
```
#ab1693
```
#ab1693 rgb(171,22,147)
```
#bc18a2
```
#bc18a2 rgb(188,24,162)
```
#cd1ab1
```
#cd1ab1 rgb(205,26,177)
```
#df1cc0
```
#df1cc0 rgb(223,28,192)
```

Shade Color Variation

#e42bc7
```
#e42bc7 rgb(228,43,199)
```
#e63ccb
```
#e63ccb rgb(230,60,203)
```
#e84ed0
```
#e84ed0 rgb(232,78,208)
```
#eb5fd4
```
#eb5fd4 rgb(235,95,212)
```
#ed70d9
```
#ed70d9 rgb(237,112,217)
```
#ef82de
```
#ef82de rgb(239,130,222)
```
#f193e2
```
#f193e2 rgb(241,147,226)
```
#f3a5e7
```
#f3a5e7 rgb(243,165,231)
```
#f6b6ec
```
#f6b6ec rgb(246,182,236)
```
#f8c7f0
```
#f8c7f0 rgb(248,199,240)
```
#fad9f5
```
#fad9f5 rgb(250,217,245)
```
#fceaf9
```
#fceaf9 rgb(252,234,249)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#6a6a6a
```
#6a6a6a rgb(106,106,106)
```
#736170
```
#736170 rgb(115,97,112)
```
#7b5975
```
#7b5975 rgb(123,89,117)
```
#83517b
```
#83517b rgb(131,81,123)
```
#8b4981
```
#8b4981 rgb(139,73,129)
```
#934186
```
#934186 rgb(147,65,134)
```
#9b398c
```
#9b398c rgb(155,57,140)
```
#a43091
```
#a43091 rgb(164,48,145)
```
#ac2897
```
#ac2897 rgb(172,40,151)
```
#b4209c
```
#b4209c rgb(180,32,156)
```
#bc18a2
```
#bc18a2 rgb(188,24,162)
```
#c410a8
```
#c410a8 rgb(196,16,168)
```
#cc08ad
```
#cc08ad rgb(204,8,173)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6d4c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd5 Protanopia 1% of men
#616f97 Deuteranopia 1% of men
#b64c50 Tritanopia 0.001% of the population

Trichromacy

#444dc2 Protanomaly 1% of men, 0.01% of women
#824f9b Deuteranomaly 6% of men, 0.4% of women
#b8396e Tritanomaly 0.01% of the population

#bc18a2 hex color

#bc18a2 Color Information

#bc18a2 Color Conversion

Color Schemes with #bc18a2

Alternatives to #bc18a2

#bc18a2 Preview

Shades and Tints of #bc18a2

Tones of #bc18a2

Color Blindness Simulator