#bc2d30 hex color

In a RGB color space, hex #bc2d30 is composed of 73.7% red, 17.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.1% magenta, 74.5% yellow and 26.3% black. It has a hue angle of 358.7 degrees, a saturation of 61.4% and a lightness of 45.7%. #bc2d30 color hex could be obtained by blending #ff5a60 with #790000. Closest websafe color is: #cc3333.

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

● #bc2d30 color description : Strong red.

The hexadecimal color #bc2d30 has RGB values of R:188, G:45, B:48 and CMYK values of C:0, M:0.76, Y:0.74, K:0.26. Its decimal value is 12332336.

Hex triplet	bc2d30	`#bc2d30`
RGB Decimal	188, 45, 48	`rgb(188,45,48)`
RGB Percent	73.7, 17.6, 18.8	`rgb(73.7%,17.6%,18.8%)`
CMYK	0, 76, 74, 26
HSL	358.7°, 61.4, 45.7	`hsl(358.7,61.4%,45.7%)`
HSV (or HSB)	358.7°, 76.1, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.436, 56.097, 33.748
XYZ	22.212, 12.784, 4.094
xyY	0.568, 0.327, 12.784
CIE-LCH	42.436, 65.467, 31.031
CIE-LUV	42.436, 107.49, 22.171
Hunter-Lab	35.755, 48.318, 18.239
Binary	10111100, 00101101, 00110000

#bc2d30
```
#bc2d30 rgb(188,45,48)
```
#2dbcb9
```
#2dbcb9 rgb(45,188,185)
```

Complementary Color

#bc2d78
```
#bc2d78 rgb(188,45,120)
```
#bc2d30
```
#bc2d30 rgb(188,45,48)
```
#bc722d
```
#bc722d rgb(188,114,45)
```

Analogous Color

#2d78bc
```
#2d78bc rgb(45,120,188)
```
#bc2d30
```
#bc2d30 rgb(188,45,48)
```
#2dbc72
```
#2dbc72 rgb(45,188,114)
```

Split Complementary Color

#2d30bc
```
#2d30bc rgb(45,48,188)
```
#bc2d30
```
#bc2d30 rgb(188,45,48)
```
#30bc2d
```
#30bc2d rgb(48,188,45)
```

Triadic Color

#b92dbc
```
#b92dbc rgb(185,45,188)
```
#bc2d30
```
#bc2d30 rgb(188,45,48)
```
#30bc2d
```
#30bc2d rgb(48,188,45)
```
#2dbcb9
```
#2dbcb9 rgb(45,188,185)
```

Tetradic Color

#7e1e20
```
#7e1e20 rgb(126,30,32)
```
#932325
```
#932325 rgb(147,35,37)
```
#a7282b
```
#a7282b rgb(167,40,43)
```
#bc2d30
```
#bc2d30 rgb(188,45,48)
```
#ce3437
```
#ce3437 rgb(206,52,55)
```
#d3494c
```
#d3494c rgb(211,73,76)
```
#d85d60
```
#d85d60 rgb(216,93,96)
```

Monochromatic Color

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

#bc2d54
```
#bc2d54 rgb(188,45,84)
```
#bc2d48
```
#bc2d48 rgb(188,45,72)
```
#bc2d3c
```
#bc2d3c rgb(188,45,60)
```
#bc2d30
```
#bc2d30 rgb(188,45,48)
```
#bc362d
```
#bc362d rgb(188,54,45)
```
#bc422d
```
#bc422d rgb(188,66,45)
```
#bc4e2d
```
#bc4e2d rgb(188,78,45)
```

Similar Colors

Text with hexadecimal color #bc2d30

This text has a font color of #bc2d30.

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

#bc2d30 background color

This paragraph has a background color of #bc2d30.

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

#bc2d30 border color

This element has a border color of #bc2d30.

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

CSS codes

.text {color:#bc2d30;}

.background {background-color:#bc2d30;}

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

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

#0e0304
```
#0e0304 rgb(14,3,4)
```
#1e0708
```
#1e0708 rgb(30,7,8)
```
#2e0b0c
```
#2e0b0c rgb(46,11,12)
```
#3d0f10
```
#3d0f10 rgb(61,15,16)
```
#4d1214
```
#4d1214 rgb(77,18,20)
```
#5d1618
```
#5d1618 rgb(93,22,24)
```
#6d1a1c
```
#6d1a1c rgb(109,26,28)
```
#7d1e20
```
#7d1e20 rgb(125,30,32)
```
#8d2224
```
#8d2224 rgb(141,34,36)
```
#9c2528
```
#9c2528 rgb(156,37,40)
```
#ac292c
```
#ac292c rgb(172,41,44)
```
#bc2d30
```
#bc2d30 rgb(188,45,48)
```
#cc3134
```
#cc3134 rgb(204,49,52)
```

Shade Color Variation

#d13f42
```
#d13f42 rgb(209,63,66)
```
#d54f52
```
#d54f52 rgb(213,79,82)
```
#d95f61
```
#d95f61 rgb(217,95,97)
```
#dc6f71
```
#dc6f71 rgb(220,111,113)
```
#e07e81
```
#e07e81 rgb(224,126,129)
```
#e48e90
```
#e48e90 rgb(228,142,144)
```
#e89ea0
```
#e89ea0 rgb(232,158,160)
```
#ecaeaf
```
#ecaeaf rgb(236,174,175)
```
#efbebf
```
#efbebf rgb(239,190,191)
```
#f3cece
```
#f3cece rgb(243,206,206)
```
#f7ddde
```
#f7ddde rgb(247,221,222)
```
#fbedee
```
#fbedee rgb(251,237,238)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#7d6c6c
```
#7d6c6c rgb(125,108,108)
```
#866364
```
#866364 rgb(134,99,100)
```
#8f5a5b
```
#8f5a5b rgb(143,90,91)
```
#985152
```
#985152 rgb(152,81,82)
```
#a1484a
```
#a1484a rgb(161,72,74)
```
#aa3f41
```
#aa3f41 rgb(170,63,65)
```
#b33639
```
#b33639 rgb(179,54,57)
```
#bc2d30
```
#bc2d30 rgb(188,45,48)
```
#c52427
```
#c52427 rgb(197,36,39)
```
#ce1b1f
```
#ce1b1f rgb(206,27,31)
```
#d71216
```
#d71216 rgb(215,18,22)
```
#e0090e
```
#e0090e rgb(224,9,14)
```
#e90005
```
#e90005 rgb(233,0,5)
```

Tone Color Variation

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

#746c4a Protanopia 1% of men
#856730 Deuteranopia 1% of men
#bf383a Tritanopia 0.001% of the population

Trichromacy

#8e5541 Protanomaly 1% of men, 0.01% of women
#995230 Deuteranomaly 6% of men, 0.4% of women
#be3436 Tritanomaly 0.01% of the population

#bc2d30 hex color

#bc2d30 Color Information

#bc2d30 Color Conversion

Color Schemes with #bc2d30

Alternatives to #bc2d30

#bc2d30 Preview

Shades and Tints of #bc2d30

Tones of #bc2d30

Color Blindness Simulator