colorhexa.com

#bc309b hex color

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

- R 74
- G 19
- B 61
RGB color chart
- C 0
- M 74
- Y 18
- K 26
CMYK color chart

● #bc309b color description : Moderate magenta.

The hexadecimal color #bc309b has RGB values of R:188, G:48, B:155 and CMYK values of C:0, M:0.74, Y:0.18, K:0.26. Its decimal value is 12333211.

Hex triplet	bc309b	`#bc309b`
RGB Decimal	188, 48, 155	`rgb(188,48,155)`
RGB Percent	73.7, 18.8, 60.8	`rgb(73.7%,18.8%,60.8%)`
CMYK	0, 74, 18, 26
HSL	314.1°, 59.3, 46.3	`hsl(314.1,59.3%,46.3%)`
HSV (or HSB)	314.1°, 74.5, 73.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.872, 64.861, -26.955
XYZ	27.712, 15.174, 32.478
xyY	0.368, 0.201, 15.174
CIE-LCH	45.872, 70.239, 337.433
CIE-LUV	45.872, 69.411, -48.42
Hunter-Lab	38.954, 58.818, -22.166
Binary	10111100, 00110000, 10011011

#bc309b
```
#bc309b rgb(188,48,155)
```
#30bc51
```
#30bc51 rgb(48,188,81)
```

Complementary Color

#9730bc
```
#9730bc rgb(151,48,188)
```
#bc309b
```
#bc309b rgb(188,48,155)
```
#bc3055
```
#bc3055 rgb(188,48,85)
```

Analogous Color

#30bc97
```
#30bc97 rgb(48,188,151)
```
#bc309b
```
#bc309b rgb(188,48,155)
```
#55bc30
```
#55bc30 rgb(85,188,48)
```

Split Complementary Color

#309bbc
```
#309bbc rgb(48,155,188)
```
#bc309b
```
#bc309b rgb(188,48,155)
```
#9bbc30
```
#9bbc30 rgb(155,188,48)
```

Triadic Color

#5130bc
```
#5130bc rgb(81,48,188)
```
#bc309b
```
#bc309b rgb(188,48,155)
```
#9bbc30
```
#9bbc30 rgb(155,188,48)
```
#30bc51
```
#30bc51 rgb(48,188,81)
```

Tetradic Color

#7f2069
```
#7f2069 rgb(127,32,105)
```
#93267a
```
#93267a rgb(147,38,122)
```
#a82b8a
```
#a82b8a rgb(168,43,138)
```
#bc309b
```
#bc309b rgb(188,48,155)
```
#cc39aa
```
#cc39aa rgb(204,57,170)
```
#d24db2
```
#d24db2 rgb(210,77,178)
```
#d762bb
```
#d762bb rgb(215,98,187)
```

Monochromatic Color

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

#ba30bc
```
#ba30bc rgb(186,48,188)
```
#bc30b2
```
#bc30b2 rgb(188,48,178)
```
#bc30a7
```
#bc30a7 rgb(188,48,167)
```
#bc309b
```
#bc309b rgb(188,48,155)
```
#bc308f
```
#bc308f rgb(188,48,143)
```
#bc3084
```
#bc3084 rgb(188,48,132)
```
#bc3078
```
#bc3078 rgb(188,48,120)
```

Similar Colors

Text with hexadecimal color #bc309b

This text has a font color of #bc309b.

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

#bc309b background color

This paragraph has a background color of #bc309b.

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

#bc309b border color

This element has a border color of #bc309b.

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

CSS codes

.text {color:#bc309b;}

.background {background-color:#bc309b;}

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

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 #fbf0f8 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)
```
#7d2067
```
#7d2067 rgb(125,32,103)
```
#8d2474
```
#8d2474 rgb(141,36,116)
```
#9d2881
```
#9d2881 rgb(157,40,129)
```
#ac2c8e
```
#ac2c8e rgb(172,44,142)
```
#bc309b
```
#bc309b rgb(188,48,155)
```

Shade Color Variation

#cb34a8
```
#cb34a8 rgb(203,52,168)
```
#cf44ae
```
#cf44ae rgb(207,68,174)
```
#d354b5
```
#d354b5 rgb(211,84,181)
```
#d763bc
```
#d763bc rgb(215,99,188)
```
#db73c3
```
#db73c3 rgb(219,115,195)
```
#df82c9
```
#df82c9 rgb(223,130,201)
```
#e392d0
```
#e392d0 rgb(227,146,208)
```
#e7a2d7
```
#e7a2d7 rgb(231,162,215)
```
#ebb1de
```
#ebb1de rgb(235,177,222)
```
#efc1e4
```
#efc1e4 rgb(239,193,228)
```
#f3d1eb
```
#f3d1eb rgb(243,209,235)
```
#f7e0f2
```
#f7e0f2 rgb(247,224,242)
```
#fbf0f8
```
#fbf0f8 rgb(251,240,248)
```

Tint Color Variation

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

#7c7079
```
#7c7079 rgb(124,112,121)
```
#86667e
```
#86667e rgb(134,102,126)
```
#8f5d83
```
#8f5d83 rgb(143,93,131)
```
#985488
```
#985488 rgb(152,84,136)
```
#a14b8d
```
#a14b8d rgb(161,75,141)
```
#aa4291
```
#aa4291 rgb(170,66,145)
```
#b33996
```
#b33996 rgb(179,57,150)
```
#bc309b
```
#bc309b rgb(188,48,155)
```
#c527a0
```
#c527a0 rgb(197,39,160)
```
#ce1ea5
```
#ce1ea5 rgb(206,30,165)
```
#d715a9
```
#d715a9 rgb(215,21,169)
```
#e00cae
```
#e00cae rgb(224,12,174)
```
#e903b3
```
#e903b3 rgb(233,3,179)
```

Tone Color Variation

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

#4771c5 Protanopia 1% of men
#6d7293 Deuteranopia 1% of men
#b85358 Tritanopia 0.001% of the population

Trichromacy

#7259b6 Protanomaly 1% of men, 0.01% of women
#895a96 Deuteranomaly 6% of men, 0.4% of women
#b94670 Tritanomaly 0.01% of the population