#bc218f hex color

In a RGB color space, hex #bc218f is composed of 73.7% red, 12.9% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.4% magenta, 23.9% yellow and 26.3% black. It has a hue angle of 317.4 degrees, a saturation of 70.1% and a lightness of 43.3%. #bc218f color hex could be obtained by blending #ff42ff with #79001f. Closest websafe color is: #cc3399.

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

● #bc218f color description : Strong pink.

The hexadecimal color #bc218f has RGB values of R:188, G:33, B:143 and CMYK values of C:0, M:0.82, Y:0.24, K:0.26. Its decimal value is 12329359.

Hex triplet	bc218f	`#bc218f`
RGB Decimal	188, 33, 143	`rgb(188,33,143)`
RGB Percent	73.7, 12.9, 56.1	`rgb(73.7%,12.9%,56.1%)`
CMYK	0, 82, 24, 26
HSL	317.4°, 70.1, 43.3	`hsl(317.4,70.1%,43.3%)`
HSV (or HSB)	317.4°, 82.4, 73.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	43.893, 67.413, -22.788
XYZ	26.241, 13.765, 27.26
xyY	0.39, 0.205, 13.765
CIE-LCH	43.893, 71.161, 341.323
CIE-LUV	43.893, 77.558, -42.468
Hunter-Lab	37.101, 61.325, -17.593
Binary	10111100, 00100001, 10001111

#bc218f
```
#bc218f rgb(188,33,143)
```
#21bc4e
```
#21bc4e rgb(33,188,78)
```

Complementary Color

#9c21bc
```
#9c21bc rgb(156,33,188)
```
#bc218f
```
#bc218f rgb(188,33,143)
```
#bc2142
```
#bc2142 rgb(188,33,66)
```

Analogous Color

#21bc9c
```
#21bc9c rgb(33,188,156)
```
#bc218f
```
#bc218f rgb(188,33,143)
```
#42bc21
```
#42bc21 rgb(66,188,33)
```

Split Complementary Color

#218fbc
```
#218fbc rgb(33,143,188)
```
#bc218f
```
#bc218f rgb(188,33,143)
```
#8fbc21
```
#8fbc21 rgb(143,188,33)
```

Triadic Color

#4e21bc
```
#4e21bc rgb(78,33,188)
```
#bc218f
```
#bc218f rgb(188,33,143)
```
#8fbc21
```
#8fbc21 rgb(143,188,33)
```
#21bc4e
```
#21bc4e rgb(33,188,78)
```

Tetradic Color

#7b165e
```
#7b165e rgb(123,22,94)
```
#91196e
```
#91196e rgb(145,25,110)
```
#a61d7f
```
#a61d7f rgb(166,29,127)
```
#bc218f
```
#bc218f rgb(188,33,143)
```
#d225a0
```
#d225a0 rgb(210,37,160)
```
#db35ab
```
#db35ab rgb(219,53,171)
```
#df4ab4
```
#df4ab4 rgb(223,74,180)
```

Monochromatic Color

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

#bc21b6
```
#bc21b6 rgb(188,33,182)
```
#bc21a9
```
#bc21a9 rgb(188,33,169)
```
#bc219c
```
#bc219c rgb(188,33,156)
```
#bc218f
```
#bc218f rgb(188,33,143)
```
#bc2182
```
#bc2182 rgb(188,33,130)
```
#bc2175
```
#bc2175 rgb(188,33,117)
```
#bc2168
```
#bc2168 rgb(188,33,104)
```

Similar Colors

Text with hexadecimal color #bc218f

This text has a font color of #bc218f.

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

#bc218f background color

This paragraph has a background color of #bc218f.

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

#bc218f border color

This element has a border color of #bc218f.

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

CSS codes

.text {color:#bc218f;}

.background {background-color:#bc218f;}

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

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

#040103
```
#040103 rgb(4,1,3)
```
#150410
```
#150410 rgb(21,4,16)
```
#26071d
```
#26071d rgb(38,7,29)
```
#370a29
```
#370a29 rgb(55,10,41)
```
#470c36
```
#470c36 rgb(71,12,54)
```
#580f43
```
#580f43 rgb(88,15,67)
```
#691250
```
#691250 rgb(105,18,80)
```
#79155c
```
#79155c rgb(121,21,92)
```
#8a1869
```
#8a1869 rgb(138,24,105)
```
#9b1b76
```
#9b1b76 rgb(155,27,118)
```
#ab1e82
```
#ab1e82 rgb(171,30,130)
```
#bc218f
```
#bc218f rgb(188,33,143)
```
#cd249c
```
#cd249c rgb(205,36,156)
```

Shade Color Variation

#da2ba7
```
#da2ba7 rgb(218,43,167)
```
#dd3bae
```
#dd3bae rgb(221,59,174)
```
#e04cb5
```
#e04cb5 rgb(224,76,181)
```
#e25dbc
```
#e25dbc rgb(226,93,188)
```
#e56dc3
```
#e56dc3 rgb(229,109,195)
```
#e87ec9
```
#e87ec9 rgb(232,126,201)
```
#eb8fd0
```
#eb8fd0 rgb(235,143,208)
```
#ee9fd7
```
#ee9fd7 rgb(238,159,215)
```
#f1b0de
```
#f1b0de rgb(241,176,222)
```
#f4c1e5
```
#f4c1e5 rgb(244,193,229)
```
#f7d1ec
```
#f7d1ec rgb(247,209,236)
```
#fae2f3
```
#fae2f3 rgb(250,226,243)
```
#fdf3fa
```
#fdf3fa rgb(253,243,250)
```

Tint Color Variation

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

#706e6f
```
#706e6f rgb(112,110,111)
```
#786572
```
#786572 rgb(120,101,114)
```
#815d76
```
#815d76 rgb(129,93,118)
```
#89547a
```
#89547a rgb(137,84,122)
```
#924c7d
```
#924c7d rgb(146,76,125)
```
#9a4381
```
#9a4381 rgb(154,67,129)
```
#a33b84
```
#a33b84 rgb(163,59,132)
```
#ab3288
```
#ab3288 rgb(171,50,136)
```
#b42a8b
```
#b42a8b rgb(180,42,139)
```
#bc218f
```
#bc218f rgb(188,33,143)
```
#c51993
```
#c51993 rgb(197,25,147)
```
#cd1096
```
#cd1096 rgb(205,16,150)
```
#d6079a
```
#d6079a rgb(214,7,154)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f5066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#456cbd Protanopia 1% of men
#6c6d87 Deuteranopia 1% of men
#b9484c Tritanopia 0.001% of the population

Trichromacy

#7051ac Protanomaly 1% of men, 0.01% of women
#89518a Deuteranomaly 6% of men, 0.4% of women
#ba3a64 Tritanomaly 0.01% of the population

#bc218f hex color

#bc218f Color Information

#bc218f Color Conversion

Color Schemes with #bc218f

Alternatives to #bc218f

#bc218f Preview

Shades and Tints of #bc218f

Tones of #bc218f

Color Blindness Simulator