#bc2c30 hex color

In a RGB color space, hex #bc2c30 is composed of 73.7% red, 17.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.6% magenta, 74.5% yellow and 26.3% black. It has a hue angle of 358.3 degrees, a saturation of 62.1% and a lightness of 45.5%. #bc2c30 color hex could be obtained by blending #ff5860 with #790000. Closest websafe color is: #cc3333.

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

● #bc2c30 color description : Strong red.

The hexadecimal color #bc2c30 has RGB values of R:188, G:44, B:48 and CMYK values of C:0, M:0.77, Y:0.74, K:0.26. Its decimal value is 12332080.

Hex triplet	bc2c30	`#bc2c30`
RGB Decimal	188, 44, 48	`rgb(188,44,48)`
RGB Percent	73.7, 17.3, 18.8	`rgb(73.7%,17.3%,18.8%)`
CMYK	0, 77, 74, 26
HSL	358.3°, 62.1, 45.5	`hsl(358.3,62.1%,45.5%)`
HSV (or HSB)	358.3°, 76.6, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.321, 56.419, 33.619
XYZ	22.174, 12.709, 4.082
xyY	0.569, 0.326, 12.709
CIE-LCH	42.321, 65.676, 30.789
CIE-LUV	42.321, 107.988, 21.952
Hunter-Lab	35.649, 48.642, 18.166
Binary	10111100, 00101100, 00110000

#bc2c30
```
#bc2c30 rgb(188,44,48)
```
#2cbcb8
```
#2cbcb8 rgb(44,188,184)
```

Complementary Color

#bc2c78
```
#bc2c78 rgb(188,44,120)
```
#bc2c30
```
#bc2c30 rgb(188,44,48)
```
#bc702c
```
#bc702c rgb(188,112,44)
```

Analogous Color

#2c78bc
```
#2c78bc rgb(44,120,188)
```
#bc2c30
```
#bc2c30 rgb(188,44,48)
```
#2cbc70
```
#2cbc70 rgb(44,188,112)
```

Split Complementary Color

#2c30bc
```
#2c30bc rgb(44,48,188)
```
#bc2c30
```
#bc2c30 rgb(188,44,48)
```
#30bc2c
```
#30bc2c rgb(48,188,44)
```

Triadic Color

#b82cbc
```
#b82cbc rgb(184,44,188)
```
#bc2c30
```
#bc2c30 rgb(188,44,48)
```
#30bc2c
```
#30bc2c rgb(48,188,44)
```
#2cbcb8
```
#2cbcb8 rgb(44,188,184)
```

Tetradic Color

#7e1d20
```
#7e1d20 rgb(126,29,32)
```
#932225
```
#932225 rgb(147,34,37)
```
#a7272b
```
#a7272b rgb(167,39,43)
```
#bc2c30
```
#bc2c30 rgb(188,44,48)
```
#cf3237
```
#cf3237 rgb(207,50,55)
```
#d4474b
```
#d4474b rgb(212,71,75)
```
#d95c5f
```
#d95c5f rgb(217,92,95)
```

Monochromatic Color

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

#bc2c54
```
#bc2c54 rgb(188,44,84)
```
#bc2c48
```
#bc2c48 rgb(188,44,72)
```
#bc2c3c
```
#bc2c3c rgb(188,44,60)
```
#bc2c30
```
#bc2c30 rgb(188,44,48)
```
#bc342c
```
#bc342c rgb(188,52,44)
```
#bc402c
```
#bc402c rgb(188,64,44)
```
#bc4c2c
```
#bc4c2c rgb(188,76,44)
```

Similar Colors

Text with hexadecimal color #bc2c30

This text has a font color of #bc2c30.

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

#bc2c30 background color

This paragraph has a background color of #bc2c30.

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

#bc2c30 border color

This element has a border color of #bc2c30.

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

CSS codes

.text {color:#bc2c30;}

.background {background-color:#bc2c30;}

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

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, #0d0303 is the darkest color, while #fefcfc is the lightest one.

#0d0303
```
#0d0303 rgb(13,3,3)
```
#1d0707
```
#1d0707 rgb(29,7,7)
```
#2d0b0b
```
#2d0b0b rgb(45,11,11)
```
#3d0e10
```
#3d0e10 rgb(61,14,16)
```
#4d1214
```
#4d1214 rgb(77,18,20)
```
#5d1618
```
#5d1618 rgb(93,22,24)
```
#6d191c
```
#6d191c rgb(109,25,28)
```
#7c1d20
```
#7c1d20 rgb(124,29,32)
```
#8c2124
```
#8c2124 rgb(140,33,36)
```
#9c2528
```
#9c2528 rgb(156,37,40)
```
#ac282c
```
#ac282c rgb(172,40,44)
```
#bc2c30
```
#bc2c30 rgb(188,44,48)
```
#cc3034
```
#cc3034 rgb(204,48,52)
```

Shade Color Variation

#d23e42
```
#d23e42 rgb(210,62,66)
```
#d54d51
```
#d54d51 rgb(213,77,81)
```
#d95d61
```
#d95d61 rgb(217,93,97)
```
#dd6d70
```
#dd6d70 rgb(221,109,112)
```
#e17d80
```
#e17d80 rgb(225,125,128)
```
#e48d8f
```
#e48d8f rgb(228,141,143)
```
#e89d9f
```
#e89d9f rgb(232,157,159)
```
#ecadaf
```
#ecadaf rgb(236,173,175)
```
#efbdbe
```
#efbdbe rgb(239,189,190)
```
#f3cdce
```
#f3cdce rgb(243,205,206)
```
#f7dcdd
```
#f7dcdd rgb(247,220,221)
```
#fbeced
```
#fbeced rgb(251,236,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#757373
```
#757373 rgb(117,115,115)
```
#7e6a6b
```
#7e6a6b rgb(126,106,107)
```
#866263
```
#866263 rgb(134,98,99)
```
#8f595a
```
#8f595a rgb(143,89,90)
```
#985052
```
#985052 rgb(152,80,82)
```
#a14749
```
#a14749 rgb(161,71,73)
```
#aa3e41
```
#aa3e41 rgb(170,62,65)
```
#b33538
```
#b33538 rgb(179,53,56)
```
#bc2c30
```
#bc2c30 rgb(188,44,48)
```
#c52328
```
#c52328 rgb(197,35,40)
```
#ce1a1f
```
#ce1a1f rgb(206,26,31)
```
#d71117
```
#d71117 rgb(215,17,23)
```
#e0080e
```
#e0080e rgb(224,8,14)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6c4f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746b4b Protanopia 1% of men
#846730 Deuteranopia 1% of men
#bf3739 Tritanopia 0.001% of the population

Trichromacy

#8e5441 Protanomaly 1% of men, 0.01% of women
#985130 Deuteranomaly 6% of men, 0.4% of women
#be3335 Tritanomaly 0.01% of the population

#bc2c30 hex color

#bc2c30 Color Information

#bc2c30 Color Conversion

Color Schemes with #bc2c30

Alternatives to #bc2c30

#bc2c30 Preview

Shades and Tints of #bc2c30

Tones of #bc2c30

Color Blindness Simulator