#bc2a36 hex color

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

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

● #bc2a36 color description : Strong red.

The hexadecimal color #bc2a36 has RGB values of R:188, G:42, B:54 and CMYK values of C:0, M:0.78, Y:0.71, K:0.26. Its decimal value is 12331574.

Hex triplet	bc2a36	`#bc2a36`
RGB Decimal	188, 42, 54	`rgb(188,42,54)`
RGB Percent	73.7, 16.5, 21.2	`rgb(73.7%,16.5%,21.2%)`
CMYK	0, 78, 71, 26
HSL	355.1°, 63.5, 45.1	`hsl(355.1,63.5%,45.1%)`
HSV (or HSB)	355.1°, 77.7, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.179, 57.306, 29.882
XYZ	22.234, 12.616, 4.754
xyY	0.561, 0.319, 12.616
CIE-LCH	42.179, 64.629, 27.54
CIE-LUV	42.179, 107.545, 19.004
Hunter-Lab	35.519, 49.576, 16.928
Binary	10111100, 00101010, 00110110

#bc2a36
```
#bc2a36 rgb(188,42,54)
```
#2abcb0
```
#2abcb0 rgb(42,188,176)
```

Complementary Color

#bc2a7f
```
#bc2a7f rgb(188,42,127)
```
#bc2a36
```
#bc2a36 rgb(188,42,54)
```
#bc672a
```
#bc672a rgb(188,103,42)
```

Analogous Color

#2a7fbc
```
#2a7fbc rgb(42,127,188)
```
#bc2a36
```
#bc2a36 rgb(188,42,54)
```
#2abc67
```
#2abc67 rgb(42,188,103)
```

Split Complementary Color

#2a36bc
```
#2a36bc rgb(42,54,188)
```
#bc2a36
```
#bc2a36 rgb(188,42,54)
```
#36bc2a
```
#36bc2a rgb(54,188,42)
```

Triadic Color

#b02abc
```
#b02abc rgb(176,42,188)
```
#bc2a36
```
#bc2a36 rgb(188,42,54)
```
#36bc2a
```
#36bc2a rgb(54,188,42)
```
#2abcb0
```
#2abcb0 rgb(42,188,176)
```

Tetradic Color

#7d1c24
```
#7d1c24 rgb(125,28,36)
```
#92212a
```
#92212a rgb(146,33,42)
```
#a72530
```
#a72530 rgb(167,37,48)
```
#bc2a36
```
#bc2a36 rgb(188,42,54)
```
#d12f3c
```
#d12f3c rgb(209,47,60)
```
#d54450
```
#d54450 rgb(213,68,80)
```
#da5963
```
#da5963 rgb(218,89,99)
```

Monochromatic Color

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

#bc2a5a
```
#bc2a5a rgb(188,42,90)
```
#bc2a4e
```
#bc2a4e rgb(188,42,78)
```
#bc2a42
```
#bc2a42 rgb(188,42,66)
```
#bc2a36
```
#bc2a36 rgb(188,42,54)
```
#bc2a2a
```
#bc2a2a rgb(188,42,42)
```
#bc362a
```
#bc362a rgb(188,54,42)
```
#bc432a
```
#bc432a rgb(188,67,42)
```

Similar Colors

Text with hexadecimal color #bc2a36

This text has a font color of #bc2a36.

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

#bc2a36 background color

This paragraph has a background color of #bc2a36.

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

#bc2a36 border color

This element has a border color of #bc2a36.

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

CSS codes

.text {color:#bc2a36;}

.background {background-color:#bc2a36;}

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

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)
```
#1c0608
```
#1c0608 rgb(28,6,8)
```
#2c0a0d
```
#2c0a0d rgb(44,10,13)
```
#3c0d11
```
#3c0d11 rgb(60,13,17)
```
#4c1116
```
#4c1116 rgb(76,17,22)
```
#5c151a
```
#5c151a rgb(92,21,26)
```
#6c181f
```
#6c181f rgb(108,24,31)
```
#7c1c24
```
#7c1c24 rgb(124,28,36)
```
#8c1f28
```
#8c1f28 rgb(140,31,40)
```
#9c232d
```
#9c232d rgb(156,35,45)
```
#ac2631
```
#ac2631 rgb(172,38,49)
```
#bc2a36
```
#bc2a36 rgb(188,42,54)
```
#cc2e3b
```
#cc2e3b rgb(204,46,59)
```

Shade Color Variation

#d33a47
```
#d33a47 rgb(211,58,71)
```
#d74a56
```
#d74a56 rgb(215,74,86)
```
#da5a65
```
#da5a65 rgb(218,90,101)
```
#de6a74
```
#de6a74 rgb(222,106,116)
```
#e17a83
```
#e17a83 rgb(225,122,131)
```
#e58a92
```
#e58a92 rgb(229,138,146)
```
#e99aa1
```
#e99aa1 rgb(233,154,161)
```
#ecaab0
```
#ecaab0 rgb(236,170,176)
```
#f0babf
```
#f0babf rgb(240,186,191)
```
#f3cace
```
#f3cace rgb(243,202,206)
```
#f7dbdd
```
#f7dbdd rgb(247,219,221)
```
#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 #df0718 is the most saturated one.

#757171
```
#757171 rgb(117,113,113)
```
#7e686a
```
#7e686a rgb(126,104,106)
```
#875f62
```
#875f62 rgb(135,95,98)
```
#90565b
```
#90565b rgb(144,86,91)
```
#994d54
```
#994d54 rgb(153,77,84)
```
#a1454c
```
#a1454c rgb(161,69,76)
```
#aa3c45
```
#aa3c45 rgb(170,60,69)
```
#b3333d
```
#b3333d rgb(179,51,61)
```
#bc2a36
```
#bc2a36 rgb(188,42,54)
```
#c5212f
```
#c5212f rgb(197,33,47)
```
#ce1827
```
#ce1827 rgb(206,24,39)
```
#d70f20
```
#d70f20 rgb(215,15,32)
```
#df0718
```
#df0718 rgb(223,7,24)
```

Tone Color Variation

Below, you can see how #bc2a36 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
#6b4e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736b52 Protanopia 1% of men
#836636 Deuteranopia 1% of men
#bf3638 Tritanopia 0.001% of the population

Trichromacy

#8d5348 Protanomaly 1% of men, 0.01% of women
#985036 Deuteranomaly 6% of men, 0.4% of women
#be3237 Tritanomaly 0.01% of the population

#bc2a36 hex color

#bc2a36 Color Information

#bc2a36 Color Conversion

Color Schemes with #bc2a36

Alternatives to #bc2a36

#bc2a36 Preview

Shades and Tints of #bc2a36

Tones of #bc2a36

Color Blindness Simulator