#bc309a hex color

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

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

● #bc309a color description : Moderate magenta.

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

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

CIE-LAB	45.826, 64.723, -26.427
XYZ	27.629, 15.141, 32.037
xyY	0.369, 0.202, 15.141
CIE-LCH	45.826, 69.911, 337.79
CIE-LUV	45.826, 69.792, -47.629
Hunter-Lab	38.911, 58.65, -21.579
Binary	10111100, 00110000, 10011010

#bc309a
```
#bc309a rgb(188,48,154)
```
#30bc52
```
#30bc52 rgb(48,188,82)
```

Complementary Color

#9830bc
```
#9830bc rgb(152,48,188)
```
#bc309a
```
#bc309a rgb(188,48,154)
```
#bc3054
```
#bc3054 rgb(188,48,84)
```

Analogous Color

#30bc98
```
#30bc98 rgb(48,188,152)
```
#bc309a
```
#bc309a rgb(188,48,154)
```
#54bc30
```
#54bc30 rgb(84,188,48)
```

Split Complementary Color

#309abc
```
#309abc rgb(48,154,188)
```
#bc309a
```
#bc309a rgb(188,48,154)
```
#9abc30
```
#9abc30 rgb(154,188,48)
```

Triadic Color

#5230bc
```
#5230bc rgb(82,48,188)
```
#bc309a
```
#bc309a rgb(188,48,154)
```
#9abc30
```
#9abc30 rgb(154,188,48)
```
#30bc52
```
#30bc52 rgb(48,188,82)
```

Tetradic Color

#7f2068
```
#7f2068 rgb(127,32,104)
```
#932679
```
#932679 rgb(147,38,121)
```
#a82b89
```
#a82b89 rgb(168,43,137)
```
#bc309a
```
#bc309a rgb(188,48,154)
```
#cc39a9
```
#cc39a9 rgb(204,57,169)
```
#d24db2
```
#d24db2 rgb(210,77,178)
```
#d762ba
```
#d762ba rgb(215,98,186)
```

Monochromatic Color

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

#bb30bc
```
#bb30bc rgb(187,48,188)
```
#bc30b1
```
#bc30b1 rgb(188,48,177)
```
#bc30a6
```
#bc30a6 rgb(188,48,166)
```
#bc309a
```
#bc309a rgb(188,48,154)
```
#bc308e
```
#bc308e rgb(188,48,142)
```
#bc3083
```
#bc3083 rgb(188,48,131)
```
#bc3077
```
#bc3077 rgb(188,48,119)
```

Similar Colors

Text with hexadecimal color #bc309a

This text has a font color of #bc309a.

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

#bc309a background color

This paragraph has a background color of #bc309a.

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

#bc309a border color

This element has a border color of #bc309a.

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

CSS codes

.text {color:#bc309a;}

.background {background-color:#bc309a;}

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

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)
```
#4f1440
```
#4f1440 rgb(79,20,64)
```
#5e184d
```
#5e184d rgb(94,24,77)
```
#6e1c5a
```
#6e1c5a rgb(110,28,90)
```
#7d2067
```
#7d2067 rgb(125,32,103)
```
#8d2474
```
#8d2474 rgb(141,36,116)
```
#9d2880
```
#9d2880 rgb(157,40,128)
```
#ac2c8d
```
#ac2c8d rgb(172,44,141)
```
#bc309a
```
#bc309a rgb(188,48,154)
```

Shade Color Variation

#cb34a7
```
#cb34a7 rgb(203,52,167)
```
#cf44ad
```
#cf44ad rgb(207,68,173)
```
#d354b4
```
#d354b4 rgb(211,84,180)
```
#d763bb
```
#d763bb rgb(215,99,187)
```
#db73c2
```
#db73c2 rgb(219,115,194)
```
#df82c9
```
#df82c9 rgb(223,130,201)
```
#e392d0
```
#e392d0 rgb(227,146,208)
```
#e7a2d6
```
#e7a2d6 rgb(231,162,214)
```
#ebb1dd
```
#ebb1dd rgb(235,177,221)
```
#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 #e903b1 is the most saturated one.

#7c7079
```
#7c7079 rgb(124,112,121)
```
#86667e
```
#86667e rgb(134,102,126)
```
#8f5d83
```
#8f5d83 rgb(143,93,131)
```
#985487
```
#985487 rgb(152,84,135)
```
#a14b8c
```
#a14b8c rgb(161,75,140)
```
#aa4291
```
#aa4291 rgb(170,66,145)
```
#b33995
```
#b33995 rgb(179,57,149)
```
#bc309a
```
#bc309a rgb(188,48,154)
```
#c5279f
```
#c5279f rgb(197,39,159)
```
#ce1ea3
```
#ce1ea3 rgb(206,30,163)
```
#d715a8
```
#d715a8 rgb(215,21,168)
```
#e00cad
```
#e00cad rgb(224,12,173)
```
#e903b1
```
#e903b1 rgb(233,3,177)
```

Tone Color Variation

Below, you can see how #bc309a 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
#775b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4871c4 Protanopia 1% of men
#6d7292 Deuteranopia 1% of men
#b85257 Tritanopia 0.001% of the population

Trichromacy

#7259b4 Protanomaly 1% of men, 0.01% of women
#8a5a95 Deuteranomaly 6% of men, 0.4% of women
#b9466f Tritanomaly 0.01% of the population

#bc309a hex color

#bc309a Color Information

#bc309a Color Conversion

Color Schemes with #bc309a

Alternatives to #bc309a

#bc309a Preview

Shades and Tints of #bc309a

Tones of #bc309a

Color Blindness Simulator