#bc2a30 hex color

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

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

● #bc2a30 color description : Strong red.

The hexadecimal color #bc2a30 has RGB values of R:188, G:42, B:48 and CMYK values of C:0, M:0.78, Y:0.74, K:0.26. Its decimal value is 12331568.

Hex triplet	bc2a30	`#bc2a30`
RGB Decimal	188, 42, 48	`rgb(188,42,48)`
RGB Percent	73.7, 16.5, 18.8	`rgb(73.7%,16.5%,18.8%)`
CMYK	0, 78, 74, 26
HSL	357.5°, 63.5, 45.1	`hsl(357.5,63.5%,45.1%)`
HSV (or HSB)	357.5°, 77.7, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.098, 57.045, 33.366
XYZ	22.102, 12.563, 4.057
xyY	0.571, 0.324, 12.563
CIE-LCH	42.098, 66.087, 30.324
CIE-LUV	42.098, 108.957, 21.526
Hunter-Lab	35.445, 49.275, 18.024
Binary	10111100, 00101010, 00110000

#bc2a30
```
#bc2a30 rgb(188,42,48)
```
#2abcb6
```
#2abcb6 rgb(42,188,182)
```

Complementary Color

#bc2a79
```
#bc2a79 rgb(188,42,121)
```
#bc2a30
```
#bc2a30 rgb(188,42,48)
```
#bc6d2a
```
#bc6d2a rgb(188,109,42)
```

Analogous Color

#2a79bc
```
#2a79bc rgb(42,121,188)
```
#bc2a30
```
#bc2a30 rgb(188,42,48)
```
#2abc6d
```
#2abc6d rgb(42,188,109)
```

Split Complementary Color

#2a30bc
```
#2a30bc rgb(42,48,188)
```
#bc2a30
```
#bc2a30 rgb(188,42,48)
```
#30bc2a
```
#30bc2a rgb(48,188,42)
```

Triadic Color

#b62abc
```
#b62abc rgb(182,42,188)
```
#bc2a30
```
#bc2a30 rgb(188,42,48)
```
#30bc2a
```
#30bc2a rgb(48,188,42)
```
#2abcb6
```
#2abcb6 rgb(42,188,182)
```

Tetradic Color

#7d1c20
```
#7d1c20 rgb(125,28,32)
```
#922125
```
#922125 rgb(146,33,37)
```
#a7252b
```
#a7252b rgb(167,37,43)
```
#bc2a30
```
#bc2a30 rgb(188,42,48)
```
#d12f36
```
#d12f36 rgb(209,47,54)
```
#d5444a
```
#d5444a rgb(213,68,74)
```
#da595e
```
#da595e rgb(218,89,94)
```

Monochromatic Color

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

#bc2a55
```
#bc2a55 rgb(188,42,85)
```
#bc2a48
```
#bc2a48 rgb(188,42,72)
```
#bc2a3c
```
#bc2a3c rgb(188,42,60)
```
#bc2a30
```
#bc2a30 rgb(188,42,48)
```
#bc302a
```
#bc302a rgb(188,48,42)
```
#bc3c2a
```
#bc3c2a rgb(188,60,42)
```
#bc492a
```
#bc492a rgb(188,73,42)
```

Similar Colors

Text with hexadecimal color #bc2a30

This text has a font color of #bc2a30.

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

#bc2a30 background color

This paragraph has a background color of #bc2a30.

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

#bc2a30 border color

This element has a border color of #bc2a30.

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

CSS codes

.text {color:#bc2a30;}

.background {background-color:#bc2a30;}

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

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

#0c0303
```
#0c0303 rgb(12,3,3)
```
#1c0607
```
#1c0607 rgb(28,6,7)
```
#2c0a0b
```
#2c0a0b rgb(44,10,11)
```
#3c0d0f
```
#3c0d0f rgb(60,13,15)
```
#4c1113
```
#4c1113 rgb(76,17,19)
```
#5c1517
```
#5c1517 rgb(92,21,23)
```
#6c181c
```
#6c181c rgb(108,24,28)
```
#7c1c20
```
#7c1c20 rgb(124,28,32)
```
#8c1f24
```
#8c1f24 rgb(140,31,36)
```
#9c2328
```
#9c2328 rgb(156,35,40)
```
#ac262c
```
#ac262c rgb(172,38,44)
```
#bc2a30
```
#bc2a30 rgb(188,42,48)
```
#cc2e34
```
#cc2e34 rgb(204,46,52)
```

Shade Color Variation

#d33a40
```
#d33a40 rgb(211,58,64)
```
#d74a50
```
#d74a50 rgb(215,74,80)
```
#da5a60
```
#da5a60 rgb(218,90,96)
```
#de6a6f
```
#de6a6f rgb(222,106,111)
```
#e17a7f
```
#e17a7f rgb(225,122,127)
```
#e58a8e
```
#e58a8e rgb(229,138,142)
```
#e99a9e
```
#e99a9e rgb(233,154,158)
```
#ecaaad
```
#ecaaad rgb(236,170,173)
```
#f0babd
```
#f0babd rgb(240,186,189)
```
#f3cacc
```
#f3cacc rgb(243,202,204)
```
#f7dbdc
```
#f7dbdc rgb(247,219,220)
```
#faebeb
```
#faebeb rgb(250,235,235)
```
#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 #df0710 is the most saturated one.

#757171
```
#757171 rgb(117,113,113)
```
#7e6869
```
#7e6869 rgb(126,104,105)
```
#875f61
```
#875f61 rgb(135,95,97)
```
#905659
```
#905659 rgb(144,86,89)
```
#994d50
```
#994d50 rgb(153,77,80)
```
#a14548
```
#a14548 rgb(161,69,72)
```
#aa3c40
```
#aa3c40 rgb(170,60,64)
```
#b33338
```
#b33338 rgb(179,51,56)
```
#bc2a30
```
#bc2a30 rgb(188,42,48)
```
#c52128
```
#c52128 rgb(197,33,40)
```
#ce1820
```
#ce1820 rgb(206,24,32)
```
#d70f18
```
#d70f18 rgb(215,15,24)
```
#df0710
```
#df0710 rgb(223,7,16)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6a4d4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#736b4b Protanopia 1% of men
#846630 Deuteranopia 1% of men
#bf3537 Tritanopia 0.001% of the population

Trichromacy

#8e5341 Protanomaly 1% of men, 0.01% of women
#985030 Deuteranomaly 6% of men, 0.4% of women
#be3134 Tritanomaly 0.01% of the population

#bc2a30 hex color

#bc2a30 Color Information

#bc2a30 Color Conversion

Color Schemes with #bc2a30

Alternatives to #bc2a30

#bc2a30 Preview

Shades and Tints of #bc2a30

Tones of #bc2a30

Color Blindness Simulator