#bc30b3 hex color

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

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

● #bc30b3 color description : Moderate magenta.

The hexadecimal color #bc30b3 has RGB values of R:188, G:48, B:179 and CMYK values of C:0, M:0.74, Y:0.05, K:0.26. Its decimal value is 12333235.

Hex triplet	bc30b3	`#bc30b3`
RGB Decimal	188, 48, 179	`rgb(188,48,179)`
RGB Percent	73.7, 18.8, 70.2	`rgb(73.7%,18.8%,70.2%)`
CMYK	0, 74, 5, 26
HSL	303.9°, 59.3, 46.3	`hsl(303.9,59.3%,46.3%)`
HSV (or HSB)	303.9°, 74.5, 73.7
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.056, 68.384, -39.336
XYZ	29.932, 16.062, 44.169
xyY	0.332, 0.178, 16.062
CIE-LCH	47.056, 78.89, 330.092
CIE-LUV	47.056, 60.55, -67.265
Hunter-Lab	40.077, 63.179, -37.289
Binary	10111100, 00110000, 10110011

#bc30b3
```
#bc30b3 rgb(188,48,179)
```
#30bc39
```
#30bc39 rgb(48,188,57)
```

Complementary Color

#7f30bc
```
#7f30bc rgb(127,48,188)
```
#bc30b3
```
#bc30b3 rgb(188,48,179)
```
#bc306d
```
#bc306d rgb(188,48,109)
```

Analogous Color

#30bc7f
```
#30bc7f rgb(48,188,127)
```
#bc30b3
```
#bc30b3 rgb(188,48,179)
```
#6dbc30
```
#6dbc30 rgb(109,188,48)
```

Split Complementary Color

#30b3bc
```
#30b3bc rgb(48,179,188)
```
#bc30b3
```
#bc30b3 rgb(188,48,179)
```
#b3bc30
```
#b3bc30 rgb(179,188,48)
```

Triadic Color

#3930bc
```
#3930bc rgb(57,48,188)
```
#bc30b3
```
#bc30b3 rgb(188,48,179)
```
#b3bc30
```
#b3bc30 rgb(179,188,48)
```
#30bc39
```
#30bc39 rgb(48,188,57)
```

Tetradic Color

#7f2079
```
#7f2079 rgb(127,32,121)
```
#93268c
```
#93268c rgb(147,38,140)
```
#a82ba0
```
#a82ba0 rgb(168,43,160)
```
#bc30b3
```
#bc30b3 rgb(188,48,179)
```
#cc39c3
```
#cc39c3 rgb(204,57,195)
```
#d24dc9
```
#d24dc9 rgb(210,77,201)
```
#d762cf
```
#d762cf rgb(215,98,207)
```

Monochromatic Color

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

#a230bc
```
#a230bc rgb(162,48,188)
```
#ae30bc
```
#ae30bc rgb(174,48,188)
```
#b930bc
```
#b930bc rgb(185,48,188)
```
#bc30b3
```
#bc30b3 rgb(188,48,179)
```
#bc30a7
```
#bc30a7 rgb(188,48,167)
```
#bc309c
```
#bc309c rgb(188,48,156)
```
#bc3090
```
#bc3090 rgb(188,48,144)
```

Similar Colors

Text with hexadecimal color #bc30b3

This text has a font color of #bc30b3.

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

#bc30b3 background color

This paragraph has a background color of #bc30b3.

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

#bc30b3 border color

This element has a border color of #bc30b3.

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

CSS codes

.text {color:#bc30b3;}

.background {background-color:#bc30b3;}

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

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 #fbf0fa is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#10040f
```
#10040f rgb(16,4,15)
```
#20081e
```
#20081e rgb(32,8,30)
```
#2f0c2d
```
#2f0c2d rgb(47,12,45)
```
#3f103c
```
#3f103c rgb(63,16,60)
```
#4f144b
```
#4f144b rgb(79,20,75)
```
#5e185a
```
#5e185a rgb(94,24,90)
```
#6e1c69
```
#6e1c69 rgb(110,28,105)
```
#7d2077
```
#7d2077 rgb(125,32,119)
```
#8d2486
```
#8d2486 rgb(141,36,134)
```
#9d2895
```
#9d2895 rgb(157,40,149)
```
#ac2ca4
```
#ac2ca4 rgb(172,44,164)
```
#bc30b3
```
#bc30b3 rgb(188,48,179)
```

Shade Color Variation

#cb34c2
```
#cb34c2 rgb(203,52,194)
```
#cf44c6
```
#cf44c6 rgb(207,68,198)
```
#d354cb
```
#d354cb rgb(211,84,203)
```
#d763d0
```
#d763d0 rgb(215,99,208)
```
#db73d5
```
#db73d5 rgb(219,115,213)
```
#df82d9
```
#df82d9 rgb(223,130,217)
```
#e392de
```
#e392de rgb(227,146,222)
```
#e7a2e3
```
#e7a2e3 rgb(231,162,227)
```
#ebb1e7
```
#ebb1e7 rgb(235,177,231)
```
#efc1ec
```
#efc1ec rgb(239,193,236)
```
#f3d1f1
```
#f3d1f1 rgb(243,209,241)
```
#f7e0f6
```
#f7e0f6 rgb(247,224,246)
```
#fbf0fa
```
#fbf0fa rgb(251,240,250)
```

Tint Color Variation

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

#7c707c
```
#7c707c rgb(124,112,124)
```
#866684
```
#866684 rgb(134,102,132)
```
#8f5d8b
```
#8f5d8b rgb(143,93,139)
```
#985493
```
#985493 rgb(152,84,147)
```
#a14b9b
```
#a14b9b rgb(161,75,155)
```
#aa42a3
```
#aa42a3 rgb(170,66,163)
```
#b339ab
```
#b339ab rgb(179,57,171)
```
#bc30b3
```
#bc30b3 rgb(188,48,179)
```
#c527bb
```
#c527bb rgb(197,39,187)
```
#ce1ec3
```
#ce1ec3 rgb(206,30,195)
```
#d715cb
```
#d715cb rgb(215,21,203)
```
#e00cd3
```
#e00cd3 rgb(224,12,211)
```
#e903db
```
#e903db rgb(233,3,219)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7a5e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1573e1 Protanopia 1% of men
#6076a8 Deuteranopia 1% of men
#b55a60 Tritanopia 0.001% of the population

Trichromacy

#525ad0 Protanomaly 1% of men, 0.01% of women
#815cac Deuteranomaly 6% of men, 0.4% of women
#b74b7e Tritanomaly 0.01% of the population

#bc30b3 hex color

#bc30b3 Color Information

#bc30b3 Color Conversion

Color Schemes with #bc30b3

Alternatives to #bc30b3

#bc30b3 Preview

Shades and Tints of #bc30b3

Tones of #bc30b3

Color Blindness Simulator