#bc305b hex color

In a RGB color space, hex #bc305b is composed of 73.7% red, 18.8% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.5% magenta, 51.6% yellow and 26.3% black. It has a hue angle of 341.6 degrees, a saturation of 59.3% and a lightness of 46.3%. #bc305b color hex could be obtained by blending #ff60b6 with #790000. Closest websafe color is: #cc3366.

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

● #bc305b color description : Moderate pink.

The hexadecimal color #bc305b has RGB values of R:188, G:48, B:91 and CMYK values of C:0, M:0.74, Y:0.52, K:0.26. Its decimal value is 12333147.

Hex triplet	bc305b	`#bc305b`
RGB Decimal	188, 48, 91	`rgb(188,48,91)`
RGB Percent	73.7, 18.8, 35.7	`rgb(73.7%,18.8%,35.7%)`
CMYK	0, 74, 52, 26
HSL	341.6°, 59.3, 46.3	`hsl(341.6,59.3%,46.3%)`
HSV (or HSB)	341.6°, 74.5, 73.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.6, 57.745, 8.861
XYZ	23.685, 13.563, 11.268
xyY	0.488, 0.28, 13.563
CIE-LCH	43.6, 58.421, 8.723
CIE-LUV	43.6, 93.658, -0.298
Hunter-Lab	36.828, 50.348, 7.64
Binary	10111100, 00110000, 01011011

#bc305b
```
#bc305b rgb(188,48,91)
```
#30bc91
```
#30bc91 rgb(48,188,145)
```

Complementary Color

#bc30a1
```
#bc30a1 rgb(188,48,161)
```
#bc305b
```
#bc305b rgb(188,48,91)
```
#bc4b30
```
#bc4b30 rgb(188,75,48)
```

Analogous Color

#30a1bc
```
#30a1bc rgb(48,161,188)
```
#bc305b
```
#bc305b rgb(188,48,91)
```
#30bc4b
```
#30bc4b rgb(48,188,75)
```

Split Complementary Color

#305bbc
```
#305bbc rgb(48,91,188)
```
#bc305b
```
#bc305b rgb(188,48,91)
```
#5bbc30
```
#5bbc30 rgb(91,188,48)
```

Triadic Color

#9130bc
```
#9130bc rgb(145,48,188)
```
#bc305b
```
#bc305b rgb(188,48,91)
```
#5bbc30
```
#5bbc30 rgb(91,188,48)
```
#30bc91
```
#30bc91 rgb(48,188,145)
```

Tetradic Color

#7f203e
```
#7f203e rgb(127,32,62)
```
#932647
```
#932647 rgb(147,38,71)
```
#a82b51
```
#a82b51 rgb(168,43,81)
```
#bc305b
```
#bc305b rgb(188,48,91)
```
#cc3966
```
#cc3966 rgb(204,57,102)
```
#d24d76
```
#d24d76 rgb(210,77,118)
```
#d76286
```
#d76286 rgb(215,98,134)
```

Monochromatic Color

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

#bc307e
```
#bc307e rgb(188,48,126)
```
#bc3072
```
#bc3072 rgb(188,48,114)
```
#bc3067
```
#bc3067 rgb(188,48,103)
```
#bc305b
```
#bc305b rgb(188,48,91)
```
#bc304f
```
#bc304f rgb(188,48,79)
```
#bc3044
```
#bc3044 rgb(188,48,68)
```
#bc3038
```
#bc3038 rgb(188,48,56)
```

Similar Colors

Text with hexadecimal color #bc305b

This text has a font color of #bc305b.

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

#bc305b background color

This paragraph has a background color of #bc305b.

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

#bc305b border color

This element has a border color of #bc305b.

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

CSS codes

.text {color:#bc305b;}

.background {background-color:#bc305b;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100408
```
#100408 rgb(16,4,8)
```
#20080f
```
#20080f rgb(32,8,15)
```
#2f0c17
```
#2f0c17 rgb(47,12,23)
```
#3f101e
```
#3f101e rgb(63,16,30)
```
#4f1426
```
#4f1426 rgb(79,20,38)
```
#5e182e
```
#5e182e rgb(94,24,46)
```
#6e1c35
```
#6e1c35 rgb(110,28,53)
```
#7d203d
```
#7d203d rgb(125,32,61)
```
#8d2444
```
#8d2444 rgb(141,36,68)
```
#9d284c
```
#9d284c rgb(157,40,76)
```
#ac2c53
```
#ac2c53 rgb(172,44,83)
```
#bc305b
```
#bc305b rgb(188,48,91)
```

Shade Color Variation

#cb3463
```
#cb3463 rgb(203,52,99)
```
#cf446f
```
#cf446f rgb(207,68,111)
```
#d3547b
```
#d3547b rgb(211,84,123)
```
#d76387
```
#d76387 rgb(215,99,135)
```
#db7393
```
#db7393 rgb(219,115,147)
```
#df829f
```
#df829f rgb(223,130,159)
```
#e392ab
```
#e392ab rgb(227,146,171)
```
#e7a2b7
```
#e7a2b7 rgb(231,162,183)
```
#ebb1c3
```
#ebb1c3 rgb(235,177,195)
```
#efc1cf
```
#efc1cf rgb(239,193,207)
```
#f3d1db
```
#f3d1db rgb(243,209,219)
```
#f7e0e7
```
#f7e0e7 rgb(247,224,231)
```
#fbf0f3
```
#fbf0f3 rgb(251,240,243)
```

Tint Color Variation

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

#7c7074
```
#7c7074 rgb(124,112,116)
```
#866670
```
#866670 rgb(134,102,112)
```
#8f5d6d
```
#8f5d6d rgb(143,93,109)
```
#985469
```
#985469 rgb(152,84,105)
```
#a14b66
```
#a14b66 rgb(161,75,102)
```
#aa4262
```
#aa4262 rgb(170,66,98)
```
#b3395f
```
#b3395f rgb(179,57,95)
```
#bc305b
```
#bc305b rgb(188,48,91)
```
#c52757
```
#c52757 rgb(197,39,87)
```
#ce1e54
```
#ce1e54 rgb(206,30,84)
```
#d71550
```
#d71550 rgb(215,21,80)
```
#e00c4d
```
#e00c4d rgb(224,12,77)
```
#e90349
```
#e90349 rgb(233,3,73)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#72565e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6e7b Protanopia 1% of men
#806a5a Deuteranopia 1% of men
#bd4145 Tritanopia 0.001% of the population

Trichromacy

#89576f Protanomaly 1% of men, 0.01% of women
#96555a Deuteranomaly 6% of men, 0.4% of women
#bd3b4d Tritanomaly 0.01% of the population

#bc305b hex color

#bc305b Color Information

#bc305b Color Conversion

Color Schemes with #bc305b

Alternatives to #bc305b

#bc305b Preview

Shades and Tints of #bc305b

Tones of #bc305b

Color Blindness Simulator