#bc2396 hex color

In a RGB color space, hex #bc2396 is composed of 73.7% red, 13.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.4% magenta, 20.2% yellow and 26.3% black. It has a hue angle of 314.9 degrees, a saturation of 68.6% and a lightness of 43.7%. #bc2396 color hex could be obtained by blending #ff46ff with #79002d. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 74
- G 14
- B 59
RGB color chart
- C 0
- M 81
- Y 20
- K 26
CMYK color chart

● #bc2396 color description : Strong magenta.

The hexadecimal color #bc2396 has RGB values of R:188, G:35, B:150 and CMYK values of C:0, M:0.81, Y:0.2, K:0.26. Its decimal value is 12329878.

Hex triplet	bc2396	`#bc2396`
RGB Decimal	188, 35, 150	`rgb(188,35,150)`
RGB Percent	73.7, 13.7, 58.8	`rgb(73.7%,13.7%,58.8%)`
CMYK	0, 81, 20, 26
HSL	314.9°, 68.6, 43.7	`hsl(314.9,68.6%,43.7%)`
HSV (or HSB)	314.9°, 81.4, 73.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	44.373, 67.827, -26.282
XYZ	26.845, 14.098, 30.16
xyY	0.378, 0.198, 14.098
CIE-LCH	44.373, 72.741, 338.82
CIE-LUV	44.373, 74.27, -47.554
Hunter-Lab	37.547, 61.916, -21.342
Binary	10111100, 00100011, 10010110

#bc2396
```
#bc2396 rgb(188,35,150)
```
#23bc49
```
#23bc49 rgb(35,188,73)
```

Complementary Color

#9623bc
```
#9623bc rgb(150,35,188)
```
#bc2396
```
#bc2396 rgb(188,35,150)
```
#bc234a
```
#bc234a rgb(188,35,74)
```

Analogous Color

#23bc96
```
#23bc96 rgb(35,188,150)
```
#bc2396
```
#bc2396 rgb(188,35,150)
```
#4abc23
```
#4abc23 rgb(74,188,35)
```

Split Complementary Color

#2396bc
```
#2396bc rgb(35,150,188)
```
#bc2396
```
#bc2396 rgb(188,35,150)
```
#96bc23
```
#96bc23 rgb(150,188,35)
```

Triadic Color

#4923bc
```
#4923bc rgb(73,35,188)
```
#bc2396
```
#bc2396 rgb(188,35,150)
```
#96bc23
```
#96bc23 rgb(150,188,35)
```
#23bc49
```
#23bc49 rgb(35,188,73)
```

Tetradic Color

#7c1763
```
#7c1763 rgb(124,23,99)
```
#911b74
```
#911b74 rgb(145,27,116)
```
#a71f85
```
#a71f85 rgb(167,31,133)
```
#bc2396
```
#bc2396 rgb(188,35,150)
```
#d127a7
```
#d127a7 rgb(209,39,167)
```
#da38b2
```
#da38b2 rgb(218,56,178)
```
#de4eba
```
#de4eba rgb(222,78,186)
```

Monochromatic Color

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

#bc23bc
```
#bc23bc rgb(188,35,188)
```
#bc23b0
```
#bc23b0 rgb(188,35,176)
```
#bc23a3
```
#bc23a3 rgb(188,35,163)
```
#bc2396
```
#bc2396 rgb(188,35,150)
```
#bc2389
```
#bc2389 rgb(188,35,137)
```
#bc237d
```
#bc237d rgb(188,35,125)
```
#bc2370
```
#bc2370 rgb(188,35,112)
```

Similar Colors

Text with hexadecimal color #bc2396

This text has a font color of #bc2396.

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

#bc2396 background color

This paragraph has a background color of #bc2396.

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

#bc2396 border color

This element has a border color of #bc2396.

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

CSS codes

.text {color:#bc2396;}

.background {background-color:#bc2396;}

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

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

#060105
```
#060105 rgb(6,1,5)
```
#170412
```
#170412 rgb(23,4,18)
```
#27071f
```
#27071f rgb(39,7,31)
```
#380a2c
```
#380a2c rgb(56,10,44)
```
#480d3a
```
#480d3a rgb(72,13,58)
```
#591147
```
#591147 rgb(89,17,71)
```
#691454
```
#691454 rgb(105,20,84)
```
#7a1761
```
#7a1761 rgb(122,23,97)
```
#8a1a6e
```
#8a1a6e rgb(138,26,110)
```
#9b1d7c
```
#9b1d7c rgb(155,29,124)
```
#ab2089
```
#ab2089 rgb(171,32,137)
```
#bc2396
```
#bc2396 rgb(188,35,150)
```
#cd26a3
```
#cd26a3 rgb(205,38,163)
```

Shade Color Variation

#d82eae
```
#d82eae rgb(216,46,174)
```
#db3fb4
```
#db3fb4 rgb(219,63,180)
```
#de4fbb
```
#de4fbb rgb(222,79,187)
```
#e160c1
```
#e160c1 rgb(225,96,193)
```
#e470c8
```
#e470c8 rgb(228,112,200)
```
#e881ce
```
#e881ce rgb(232,129,206)
```
#eb91d4
```
#eb91d4 rgb(235,145,212)
```
#eea2db
```
#eea2db rgb(238,162,219)
```
#f1b2e1
```
#f1b2e1 rgb(241,178,225)
```
#f4c3e8
```
#f4c3e8 rgb(244,195,232)
```
#f7d3ee
```
#f7d3ee rgb(247,211,238)
```
#fae4f5
```
#fae4f5 rgb(250,228,245)
```
#fdf5fb
```
#fdf5fb rgb(253,245,251)
```

Tint Color Variation

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

#776873
```
#776873 rgb(119,104,115)
```
#805f78
```
#805f78 rgb(128,95,120)
```
#89567c
```
#89567c rgb(137,86,124)
```
#914e80
```
#914e80 rgb(145,78,128)
```
#9a4585
```
#9a4585 rgb(154,69,133)
```
#a23d89
```
#a23d89 rgb(162,61,137)
```
#ab348d
```
#ab348d rgb(171,52,141)
```
#b32c92
```
#b32c92 rgb(179,44,146)
```
#bc2396
```
#bc2396 rgb(188,35,150)
```
#c51a9a
```
#c51a9a rgb(197,26,154)
```
#cd129f
```
#cd129f rgb(205,18,159)
```
#d609a3
```
#d609a3 rgb(214,9,163)
```
#de01a7
```
#de01a7 rgb(222,1,167)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#715269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e6dc4 Protanopia 1% of men
#6a6e8e Deuteranopia 1% of men
#b84b4f Tritanopia 0.001% of the population

Trichromacy

#6c52b3 Protanomaly 1% of men, 0.01% of women
#885390 Deuteranomaly 6% of men, 0.4% of women
#b93c69 Tritanomaly 0.01% of the population

#bc2396 hex color

#bc2396 Color Information

#bc2396 Color Conversion

Color Schemes with #bc2396

Alternatives to #bc2396

#bc2396 Preview

Shades and Tints of #bc2396

Tones of #bc2396

Color Blindness Simulator