#bc18b2 hex color

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

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

● #bc18b2 color description : Strong magenta.

The hexadecimal color #bc18b2 has RGB values of R:188, G:24, B:178 and CMYK values of C:0, M:0.87, Y:0.05, K:0.26. Its decimal value is 12327090.

Hex triplet	bc18b2	`#bc18b2`
RGB Decimal	188, 24, 178	`rgb(188,24,178)`
RGB Percent	73.7, 9.4, 69.8	`rgb(73.7%,9.4%,69.8%)`
CMYK	0, 87, 5, 26
HSL	303.7°, 77.4, 41.6	`hsl(303.7,77.4%,41.6%)`
HSV (or HSB)	303.7°, 87.2, 73.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	45.027, 73.95, -41.963
XYZ	29.101, 14.561, 43.395
xyY	0.334, 0.167, 14.561
CIE-LCH	45.027, 85.027, 330.427
CIE-LUV	45.027, 64.594, -71.044
Hunter-Lab	38.159, 69.351, -40.714
Binary	10111100, 00011000, 10110010

#bc18b2
```
#bc18b2 rgb(188,24,178)
```
#18bc22
```
#18bc22 rgb(24,188,34)
```

Complementary Color

#7418bc
```
#7418bc rgb(116,24,188)
```
#bc18b2
```
#bc18b2 rgb(188,24,178)
```
#bc1860
```
#bc1860 rgb(188,24,96)
```

Analogous Color

#18bc74
```
#18bc74 rgb(24,188,116)
```
#bc18b2
```
#bc18b2 rgb(188,24,178)
```
#60bc18
```
#60bc18 rgb(96,188,24)
```

Split Complementary Color

#18b2bc
```
#18b2bc rgb(24,178,188)
```
#bc18b2
```
#bc18b2 rgb(188,24,178)
```
#b2bc18
```
#b2bc18 rgb(178,188,24)
```

Triadic Color

#2218bc
```
#2218bc rgb(34,24,188)
```
#bc18b2
```
#bc18b2 rgb(188,24,178)
```
#b2bc18
```
#b2bc18 rgb(178,188,24)
```
#18bc22
```
#18bc22 rgb(24,188,34)
```

Tetradic Color

#780f72
```
#780f72 rgb(120,15,114)
```
#8f1287
```
#8f1287 rgb(143,18,135)
```
#a5159d
```
#a5159d rgb(165,21,157)
```
#bc18b2
```
#bc18b2 rgb(188,24,178)
```
#d31bc7
```
#d31bc7 rgb(211,27,199)
```
#e324d7
```
#e324d7 rgb(227,36,215)
```
#e63bdb
```
#e63bdb rgb(230,59,219)
```

Monochromatic Color

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

#9d18bc
```
#9d18bc rgb(157,24,188)
```
#ab18bc
```
#ab18bc rgb(171,24,188)
```
#b818bc
```
#b818bc rgb(184,24,188)
```
#bc18b2
```
#bc18b2 rgb(188,24,178)
```
#bc18a4
```
#bc18a4 rgb(188,24,164)
```
#bc1897
```
#bc1897 rgb(188,24,151)
```
#bc1889
```
#bc1889 rgb(188,24,137)
```

Similar Colors

Text with hexadecimal color #bc18b2

This text has a font color of #bc18b2.

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

#bc18b2 background color

This paragraph has a background color of #bc18b2.

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

#bc18b2 border color

This element has a border color of #bc18b2.

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

CSS codes

.text {color:#bc18b2;}

.background {background-color:#bc18b2;}

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

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

#0e020d
```
#0e020d rgb(14,2,13)
```
#1f041e
```
#1f041e rgb(31,4,30)
```
#31062e
```
#31062e rgb(49,6,46)
```
#42083f
```
#42083f rgb(66,8,63)
```
#540b4f
```
#540b4f rgb(84,11,79)
```
#650d60
```
#650d60 rgb(101,13,96)
```
#760f70
```
#760f70 rgb(118,15,112)
```
#881181
```
#881181 rgb(136,17,129)
```
#991491
```
#991491 rgb(153,20,145)
```
#ab16a2
```
#ab16a2 rgb(171,22,162)
```
#bc18b2
```
#bc18b2 rgb(188,24,178)
```
#cd1ac2
```
#cd1ac2 rgb(205,26,194)
```
#df1cd3
```
#df1cd3 rgb(223,28,211)
```

Shade Color Variation

#e42bd9
```
#e42bd9 rgb(228,43,217)
```
#e63cdc
```
#e63cdc rgb(230,60,220)
```
#e84edf
```
#e84edf rgb(232,78,223)
```
#eb5fe2
```
#eb5fe2 rgb(235,95,226)
```
#ed70e5
```
#ed70e5 rgb(237,112,229)
```
#ef82e8
```
#ef82e8 rgb(239,130,232)
```
#f193ec
```
#f193ec rgb(241,147,236)
```
#f3a5ef
```
#f3a5ef rgb(243,165,239)
```
#f6b6f2
```
#f6b6f2 rgb(246,182,242)
```
#f8c7f5
```
#f8c7f5 rgb(248,199,245)
```
#fad9f8
```
#fad9f8 rgb(250,217,248)
```
#fceafb
```
#fceafb rgb(252,234,251)
```
#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 #cc08c0 is the most saturated one.

#6a6a6a
```
#6a6a6a rgb(106,106,106)
```
#736172
```
#736172 rgb(115,97,114)
```
#7b5979
```
#7b5979 rgb(123,89,121)
```
#835180
```
#835180 rgb(131,81,128)
```
#8b4987
```
#8b4987 rgb(139,73,135)
```
#93418e
```
#93418e rgb(147,65,142)
```
#9b3995
```
#9b3995 rgb(155,57,149)
```
#a4309d
```
#a4309d rgb(164,48,157)
```
#ac28a4
```
#ac28a4 rgb(172,40,164)
```
#b420ab
```
#b420ab rgb(180,32,171)
```
#bc18b2
```
#bc18b2 rgb(188,24,178)
```
#c410b9
```
#c410b9 rgb(196,16,185)
```
#cc08c0
```
#cc08c0 rgb(204,8,192)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e4e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#5871a5 Deuteranopia 1% of men
#b45256 Tritanopia 0.001% of the population

Trichromacy

#444fca Protanomaly 1% of men, 0.01% of women
#7c51aa Deuteranomaly 6% of men, 0.4% of women
#b73c78 Tritanomaly 0.01% of the population

#bc18b2 hex color

#bc18b2 Color Information

#bc18b2 Color Conversion

Color Schemes with #bc18b2

Alternatives to #bc18b2

#bc18b2 Preview

Shades and Tints of #bc18b2

Tones of #bc18b2

Color Blindness Simulator