#bc304c hex color

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

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

● #bc304c color description : Moderate red.

The hexadecimal color #bc304c has RGB values of R:188, G:48, B:76 and CMYK values of C:0, M:0.74, Y:0.6, K:0.26. Its decimal value is 12333132.

Hex triplet	bc304c	`#bc304c`
RGB Decimal	188, 48, 76	`rgb(188,48,76)`
RGB Percent	73.7, 18.8, 29.8	`rgb(73.7%,18.8%,29.8%)`
CMYK	0, 74, 60, 26
HSL	348°, 59.3, 46.3	`hsl(348,59.3%,46.3%)`
HSV (or HSB)	348°, 74.5, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.256, 56.622, 17.728
XYZ	23.101, 13.33, 8.194
xyY	0.518, 0.299, 13.33
CIE-LCH	43.256, 59.332, 17.385
CIE-LUV	43.256, 98.589, 9.07
Hunter-Lab	36.51, 49.053, 12.251
Binary	10111100, 00110000, 01001100

#bc304c
```
#bc304c rgb(188,48,76)
```
#30bca0
```
#30bca0 rgb(48,188,160)
```

Complementary Color

#bc3092
```
#bc3092 rgb(188,48,146)
```
#bc304c
```
#bc304c rgb(188,48,76)
```
#bc5a30
```
#bc5a30 rgb(188,90,48)
```

Analogous Color

#3092bc
```
#3092bc rgb(48,146,188)
```
#bc304c
```
#bc304c rgb(188,48,76)
```
#30bc5a
```
#30bc5a rgb(48,188,90)
```

Split Complementary Color

#304cbc
```
#304cbc rgb(48,76,188)
```
#bc304c
```
#bc304c rgb(188,48,76)
```
#4cbc30
```
#4cbc30 rgb(76,188,48)
```

Triadic Color

#a030bc
```
#a030bc rgb(160,48,188)
```
#bc304c
```
#bc304c rgb(188,48,76)
```
#4cbc30
```
#4cbc30 rgb(76,188,48)
```
#30bca0
```
#30bca0 rgb(48,188,160)
```

Tetradic Color

#7f2033
```
#7f2033 rgb(127,32,51)
```
#93263c
```
#93263c rgb(147,38,60)
```
#a82b44
```
#a82b44 rgb(168,43,68)
```
#bc304c
```
#bc304c rgb(188,48,76)
```
#cc3957
```
#cc3957 rgb(204,57,87)
```
#d24d68
```
#d24d68 rgb(210,77,104)
```
#d76279
```
#d76279 rgb(215,98,121)
```

Monochromatic Color

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

#bc306f
```
#bc306f rgb(188,48,111)
```
#bc3063
```
#bc3063 rgb(188,48,99)
```
#bc3058
```
#bc3058 rgb(188,48,88)
```
#bc304c
```
#bc304c rgb(188,48,76)
```
#bc3040
```
#bc3040 rgb(188,48,64)
```
#bc3035
```
#bc3035 rgb(188,48,53)
```
#bc3730
```
#bc3730 rgb(188,55,48)
```

Similar Colors

Text with hexadecimal color #bc304c

This text has a font color of #bc304c.

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

#bc304c background color

This paragraph has a background color of #bc304c.

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

#bc304c border color

This element has a border color of #bc304c.

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

CSS codes

.text {color:#bc304c;}

.background {background-color:#bc304c;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100407
```
#100407 rgb(16,4,7)
```
#20080d
```
#20080d rgb(32,8,13)
```
#2f0c13
```
#2f0c13 rgb(47,12,19)
```
#3f1019
```
#3f1019 rgb(63,16,25)
```
#4f1420
```
#4f1420 rgb(79,20,32)
```
#5e1826
```
#5e1826 rgb(94,24,38)
```
#6e1c2c
```
#6e1c2c rgb(110,28,44)
```
#7d2033
```
#7d2033 rgb(125,32,51)
```
#8d2439
```
#8d2439 rgb(141,36,57)
```
#9d283f
```
#9d283f rgb(157,40,63)
```
#ac2c46
```
#ac2c46 rgb(172,44,70)
```
#bc304c
```
#bc304c rgb(188,48,76)
```

Shade Color Variation

#cb3453
```
#cb3453 rgb(203,52,83)
```
#cf4460
```
#cf4460 rgb(207,68,96)
```
#d3546d
```
#d3546d rgb(211,84,109)
```
#d7637a
```
#d7637a rgb(215,99,122)
```
#db7388
```
#db7388 rgb(219,115,136)
```
#df8295
```
#df8295 rgb(223,130,149)
```
#e392a2
```
#e392a2 rgb(227,146,162)
```
#e7a2b0
```
#e7a2b0 rgb(231,162,176)
```
#ebb1bd
```
#ebb1bd rgb(235,177,189)
```
#efc1ca
```
#efc1ca rgb(239,193,202)
```
#f3d1d8
```
#f3d1d8 rgb(243,209,216)
```
#f7e0e5
```
#f7e0e5 rgb(247,224,229)
```
#fbf0f2
```
#fbf0f2 rgb(251,240,242)
```

Tint Color Variation

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

#7c7072
```
#7c7072 rgb(124,112,114)
```
#86666d
```
#86666d rgb(134,102,109)
```
#8f5d67
```
#8f5d67 rgb(143,93,103)
```
#985462
```
#985462 rgb(152,84,98)
```
#a14b5c
```
#a14b5c rgb(161,75,92)
```
#aa4257
```
#aa4257 rgb(170,66,87)
```
#b33951
```
#b33951 rgb(179,57,81)
```
#bc304c
```
#bc304c rgb(188,48,76)
```
#c52747
```
#c52747 rgb(197,39,71)
```
#ce1e41
```
#ce1e41 rgb(206,30,65)
```
#d7153c
```
#d7153c rgb(215,21,60)
```
#e00c36
```
#e00c36 rgb(224,12,54)
```
#e90331
```
#e90331 rgb(233,3,49)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#70545a Atypical Achromatopsia 0.001% of the population

Dichromacy

#706d6a Protanopia 1% of men
#82694c Deuteranopia 1% of men
#be3e41 Tritanopia 0.001% of the population

Trichromacy

#8c575f Protanomaly 1% of men, 0.01% of women
#97544c Deuteranomaly 6% of men, 0.4% of women
#bd3945 Tritanomaly 0.01% of the population

#bc304c hex color

#bc304c Color Information

#bc304c Color Conversion

Color Schemes with #bc304c

Alternatives to #bc304c

#bc304c Preview

Shades and Tints of #bc304c

Tones of #bc304c

Color Blindness Simulator