#bc2a3a hex color

In a RGB color space, hex #bc2a3a is composed of 73.7% red, 16.5% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.7% magenta, 69.1% yellow and 26.3% black. It has a hue angle of 353.4 degrees, a saturation of 63.5% and a lightness of 45.1%. #bc2a3a color hex could be obtained by blending #ff5474 with #790000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 16
- B 23
RGB color chart
- C 0
- M 78
- Y 69
- K 26
CMYK color chart

● #bc2a3a color description : Strong red.

The hexadecimal color #bc2a3a has RGB values of R:188, G:42, B:58 and CMYK values of C:0, M:0.78, Y:0.69, K:0.26. Its decimal value is 12331578.

Hex triplet	bc2a3a	`#bc2a3a`
RGB Decimal	188, 42, 58	`rgb(188,42,58)`
RGB Percent	73.7, 16.5, 22.7	`rgb(73.7%,16.5%,22.7%)`
CMYK	0, 78, 69, 26
HSL	353.4°, 63.5, 45.1	`hsl(353.4,63.5%,45.1%)`
HSV (or HSB)	353.4°, 77.7, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.239, 57.498, 27.528
XYZ	22.332, 12.655, 5.27
xyY	0.555, 0.314, 12.655
CIE-LCH	42.239, 63.748, 25.583
CIE-LUV	42.239, 106.524, 17.177
Hunter-Lab	35.574, 49.797, 16.12
Binary	10111100, 00101010, 00111010

#bc2a3a
```
#bc2a3a rgb(188,42,58)
```
#2abcac
```
#2abcac rgb(42,188,172)
```

Complementary Color

#bc2a83
```
#bc2a83 rgb(188,42,131)
```
#bc2a3a
```
#bc2a3a rgb(188,42,58)
```
#bc632a
```
#bc632a rgb(188,99,42)
```

Analogous Color

#2a83bc
```
#2a83bc rgb(42,131,188)
```
#bc2a3a
```
#bc2a3a rgb(188,42,58)
```
#2abc63
```
#2abc63 rgb(42,188,99)
```

Split Complementary Color

#2a3abc
```
#2a3abc rgb(42,58,188)
```
#bc2a3a
```
#bc2a3a rgb(188,42,58)
```
#3abc2a
```
#3abc2a rgb(58,188,42)
```

Triadic Color

#ac2abc
```
#ac2abc rgb(172,42,188)
```
#bc2a3a
```
#bc2a3a rgb(188,42,58)
```
#3abc2a
```
#3abc2a rgb(58,188,42)
```
#2abcac
```
#2abcac rgb(42,188,172)
```

Tetradic Color

#7d1c27
```
#7d1c27 rgb(125,28,39)
```
#92212d
```
#92212d rgb(146,33,45)
```
#a72534
```
#a72534 rgb(167,37,52)
```
#bc2a3a
```
#bc2a3a rgb(188,42,58)
```
#d12f41
```
#d12f41 rgb(209,47,65)
```
#d54454
```
#d54454 rgb(213,68,84)
```
#da5967
```
#da5967 rgb(218,89,103)
```

Monochromatic Color

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

#bc2a5e
```
#bc2a5e rgb(188,42,94)
```
#bc2a52
```
#bc2a52 rgb(188,42,82)
```
#bc2a46
```
#bc2a46 rgb(188,42,70)
```
#bc2a3a
```
#bc2a3a rgb(188,42,58)
```
#bc2a2e
```
#bc2a2e rgb(188,42,46)
```
#bc322a
```
#bc322a rgb(188,50,42)
```
#bc3f2a
```
#bc3f2a rgb(188,63,42)
```

Similar Colors

Text with hexadecimal color #bc2a3a

This text has a font color of #bc2a3a.

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

#bc2a3a background color

This paragraph has a background color of #bc2a3a.

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

#bc2a3a border color

This element has a border color of #bc2a3a.

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

CSS codes

.text {color:#bc2a3a;}

.background {background-color:#bc2a3a;}

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

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

#0c0304
```
#0c0304 rgb(12,3,4)
```
#1c0609
```
#1c0609 rgb(28,6,9)
```
#2c0a0d
```
#2c0a0d rgb(44,10,13)
```
#3c0d12
```
#3c0d12 rgb(60,13,18)
```
#4c1117
```
#4c1117 rgb(76,17,23)
```
#5c151c
```
#5c151c rgb(92,21,28)
```
#6c1821
```
#6c1821 rgb(108,24,33)
```
#7c1c26
```
#7c1c26 rgb(124,28,38)
```
#8c1f2b
```
#8c1f2b rgb(140,31,43)
```
#9c2330
```
#9c2330 rgb(156,35,48)
```
#ac2635
```
#ac2635 rgb(172,38,53)
```
#bc2a3a
```
#bc2a3a rgb(188,42,58)
```
#cc2e3f
```
#cc2e3f rgb(204,46,63)
```

Shade Color Variation

#d33a4b
```
#d33a4b rgb(211,58,75)
```
#d74a5a
```
#d74a5a rgb(215,74,90)
```
#da5a68
```
#da5a68 rgb(218,90,104)
```
#de6a77
```
#de6a77 rgb(222,106,119)
```
#e17a86
```
#e17a86 rgb(225,122,134)
```
#e58a94
```
#e58a94 rgb(229,138,148)
```
#e99aa3
```
#e99aa3 rgb(233,154,163)
```
#ecaab2
```
#ecaab2 rgb(236,170,178)
```
#f0bac0
```
#f0bac0 rgb(240,186,192)
```
#f3cacf
```
#f3cacf rgb(243,202,207)
```
#f7dbde
```
#f7dbde rgb(247,219,222)
```
#faebec
```
#faebec rgb(250,235,236)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#757171
```
#757171 rgb(117,113,113)
```
#7e686a
```
#7e686a rgb(126,104,106)
```
#875f63
```
#875f63 rgb(135,95,99)
```
#90565d
```
#90565d rgb(144,86,93)
```
#994d56
```
#994d56 rgb(153,77,86)
```
#a1454f
```
#a1454f rgb(161,69,79)
```
#aa3c48
```
#aa3c48 rgb(170,60,72)
```
#b33341
```
#b33341 rgb(179,51,65)
```
#bc2a3a
```
#bc2a3a rgb(188,42,58)
```
#c52133
```
#c52133 rgb(197,33,51)
```
#ce182c
```
#ce182c rgb(206,24,44)
```
#d70f25
```
#d70f25 rgb(215,15,37)
```
#df071e
```
#df071e rgb(223,7,30)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6b4e51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726b56 Protanopia 1% of men
#83673a Deuteranopia 1% of men
#bf3739 Tritanopia 0.001% of the population

Trichromacy

#8d534c Protanomaly 1% of men, 0.01% of women
#97503a Deuteranomaly 6% of men, 0.4% of women
#bd3239 Tritanomaly 0.01% of the population

#bc2a3a hex color

#bc2a3a Color Information

#bc2a3a Color Conversion

Color Schemes with #bc2a3a

Alternatives to #bc2a3a

#bc2a3a Preview

Shades and Tints of #bc2a3a

Tones of #bc2a3a

Color Blindness Simulator