#bc309c hex color

In a RGB color space, hex #bc309c is composed of 73.7% red, 18.8% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.5% magenta, 17% yellow and 26.3% black. It has a hue angle of 313.7 degrees, a saturation of 59.3% and a lightness of 46.3%. #bc309c color hex could be obtained by blending #ff60ff with #790039. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 74
- G 19
- B 61
RGB color chart
- C 0
- M 74
- Y 17
- K 26
CMYK color chart

● #bc309c color description : Moderate magenta.

The hexadecimal color #bc309c has RGB values of R:188, G:48, B:156 and CMYK values of C:0, M:0.74, Y:0.17, K:0.26. Its decimal value is 12333212.

Hex triplet	bc309c	`#bc309c`
RGB Decimal	188, 48, 156	`rgb(188,48,156)`
RGB Percent	73.7, 18.8, 61.2	`rgb(73.7%,18.8%,61.2%)`
CMYK	0, 74, 17, 26
HSL	313.7°, 59.3, 46.3	`hsl(313.7,59.3%,46.3%)`
HSV (or HSB)	313.7°, 74.5, 73.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.917, 65, -27.483
XYZ	27.797, 15.208, 32.922
xyY	0.366, 0.2, 15.208
CIE-LCH	45.917, 70.571, 337.081
CIE-LUV	45.917, 69.032, -49.21
Hunter-Lab	38.997, 58.988, -22.756
Binary	10111100, 00110000, 10011100

#bc309c
```
#bc309c rgb(188,48,156)
```
#30bc50
```
#30bc50 rgb(48,188,80)
```

Complementary Color

#9630bc
```
#9630bc rgb(150,48,188)
```
#bc309c
```
#bc309c rgb(188,48,156)
```
#bc3056
```
#bc3056 rgb(188,48,86)
```

Analogous Color

#30bc96
```
#30bc96 rgb(48,188,150)
```
#bc309c
```
#bc309c rgb(188,48,156)
```
#56bc30
```
#56bc30 rgb(86,188,48)
```

Split Complementary Color

#309cbc
```
#309cbc rgb(48,156,188)
```
#bc309c
```
#bc309c rgb(188,48,156)
```
#9cbc30
```
#9cbc30 rgb(156,188,48)
```

Triadic Color

#5030bc
```
#5030bc rgb(80,48,188)
```
#bc309c
```
#bc309c rgb(188,48,156)
```
#9cbc30
```
#9cbc30 rgb(156,188,48)
```
#30bc50
```
#30bc50 rgb(48,188,80)
```

Tetradic Color

#7f2069
```
#7f2069 rgb(127,32,105)
```
#93267a
```
#93267a rgb(147,38,122)
```
#a82b8b
```
#a82b8b rgb(168,43,139)
```
#bc309c
```
#bc309c rgb(188,48,156)
```
#cc39ab
```
#cc39ab rgb(204,57,171)
```
#d24db3
```
#d24db3 rgb(210,77,179)
```
#d762bc
```
#d762bc rgb(215,98,188)
```

Monochromatic Color

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

#b930bc
```
#b930bc rgb(185,48,188)
```
#bc30b3
```
#bc30b3 rgb(188,48,179)
```
#bc30a8
```
#bc30a8 rgb(188,48,168)
```
#bc309c
```
#bc309c rgb(188,48,156)
```
#bc3090
```
#bc3090 rgb(188,48,144)
```
#bc3085
```
#bc3085 rgb(188,48,133)
```
#bc3079
```
#bc3079 rgb(188,48,121)
```

Similar Colors

Text with hexadecimal color #bc309c

This text has a font color of #bc309c.

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

#bc309c background color

This paragraph has a background color of #bc309c.

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

#bc309c border color

This element has a border color of #bc309c.

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

CSS codes

.text {color:#bc309c;}

.background {background-color:#bc309c;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#10040d
```
#10040d rgb(16,4,13)
```
#20081a
```
#20081a rgb(32,8,26)
```
#2f0c27
```
#2f0c27 rgb(47,12,39)
```
#3f1034
```
#3f1034 rgb(63,16,52)
```
#4f1441
```
#4f1441 rgb(79,20,65)
```
#5e184e
```
#5e184e rgb(94,24,78)
```
#6e1c5b
```
#6e1c5b rgb(110,28,91)
```
#7d2068
```
#7d2068 rgb(125,32,104)
```
#8d2475
```
#8d2475 rgb(141,36,117)
```
#9d2882
```
#9d2882 rgb(157,40,130)
```
#ac2c8f
```
#ac2c8f rgb(172,44,143)
```
#bc309c
```
#bc309c rgb(188,48,156)
```

Shade Color Variation

#cb34a9
```
#cb34a9 rgb(203,52,169)
```
#cf44af
```
#cf44af rgb(207,68,175)
```
#d354b6
```
#d354b6 rgb(211,84,182)
```
#d763bd
```
#d763bd rgb(215,99,189)
```
#db73c3
```
#db73c3 rgb(219,115,195)
```
#df82ca
```
#df82ca rgb(223,130,202)
```
#e392d1
```
#e392d1 rgb(227,146,209)
```
#e7a2d7
```
#e7a2d7 rgb(231,162,215)
```
#ebb1de
```
#ebb1de rgb(235,177,222)
```
#efc1e5
```
#efc1e5 rgb(239,193,229)
```
#f3d1eb
```
#f3d1eb rgb(243,209,235)
```
#f7e0f2
```
#f7e0f2 rgb(247,224,242)
```
#fbf0f9
```
#fbf0f9 rgb(251,240,249)
```

Tint Color Variation

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

#7c707a
```
#7c707a rgb(124,112,122)
```
#86667e
```
#86667e rgb(134,102,126)
```
#8f5d83
```
#8f5d83 rgb(143,93,131)
```
#985488
```
#985488 rgb(152,84,136)
```
#a14b8d
```
#a14b8d rgb(161,75,141)
```
#aa4292
```
#aa4292 rgb(170,66,146)
```
#b33997
```
#b33997 rgb(179,57,151)
```
#bc309c
```
#bc309c rgb(188,48,156)
```
#c527a1
```
#c527a1 rgb(197,39,161)
```
#ce1ea6
```
#ce1ea6 rgb(206,30,166)
```
#d715ab
```
#d715ab rgb(215,21,171)
```
#e00cb0
```
#e00cb0 rgb(224,12,176)
```
#e903b5
```
#e903b5 rgb(233,3,181)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#775b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4671c6 Protanopia 1% of men
#6c7294 Deuteranopia 1% of men
#b85358 Tritanopia 0.001% of the population

Trichromacy

#7159b7 Protanomaly 1% of men, 0.01% of women
#895a97 Deuteranomaly 6% of men, 0.4% of women
#b94670 Tritanomaly 0.01% of the population

#bc309c hex color

#bc309c Color Information

#bc309c Color Conversion

Color Schemes with #bc309c

Alternatives to #bc309c

#bc309c Preview

Shades and Tints of #bc309c

Tones of #bc309c

Color Blindness Simulator