#bc1224 hex color

In a RGB color space, hex #bc1224 is composed of 73.7% red, 7.1% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.4% magenta, 80.9% yellow and 26.3% black. It has a hue angle of 353.6 degrees, a saturation of 82.5% and a lightness of 40.4%. #bc1224 color hex could be obtained by blending #ff2448 with #790000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 74
- G 7
- B 14
RGB color chart
- C 0
- M 90
- Y 81
- K 26
CMYK color chart

● #bc1224 color description : Strong red.

The hexadecimal color #bc1224 has RGB values of R:188, G:18, B:36 and CMYK values of C:0, M:0.9, Y:0.81, K:0.26. Its decimal value is 12325412.

Hex triplet	bc1224	`#bc1224`
RGB Decimal	188, 18, 36	`rgb(188,18,36)`
RGB Percent	73.7, 7.1, 14.1	`rgb(73.7%,7.1%,14.1%)`
CMYK	0, 90, 81, 26
HSL	353.6°, 82.5, 40.4	`hsl(353.6,82.5%,40.4%)`
HSV (or HSB)	353.6°, 90.4, 73.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	40.005, 62.183, 38.088
XYZ	21.275, 11.254, 2.721
xyY	0.604, 0.319, 11.254
CIE-LCH	40.005, 72.92, 31.488
CIE-LUV	40.005, 120.351, 22.139
Hunter-Lab	33.547, 54.493, 18.674
Binary	10111100, 00010010, 00100100

#bc1224
```
#bc1224 rgb(188,18,36)
```
#12bcaa
```
#12bcaa rgb(18,188,170)
```

Complementary Color

#bc1279
```
#bc1279 rgb(188,18,121)
```
#bc1224
```
#bc1224 rgb(188,18,36)
```
#bc5512
```
#bc5512 rgb(188,85,18)
```

Analogous Color

#1279bc
```
#1279bc rgb(18,121,188)
```
#bc1224
```
#bc1224 rgb(188,18,36)
```
#12bc55
```
#12bc55 rgb(18,188,85)
```

Split Complementary Color

#1224bc
```
#1224bc rgb(18,36,188)
```
#bc1224
```
#bc1224 rgb(188,18,36)
```
#24bc12
```
#24bc12 rgb(36,188,18)
```

Triadic Color

#aa12bc
```
#aa12bc rgb(170,18,188)
```
#bc1224
```
#bc1224 rgb(188,18,36)
```
#24bc12
```
#24bc12 rgb(36,188,18)
```
#12bcaa
```
#12bcaa rgb(18,188,170)
```

Tetradic Color

#760b17
```
#760b17 rgb(118,11,23)
```
#8d0e1b
```
#8d0e1b rgb(141,14,27)
```
#a51020
```
#a51020 rgb(165,16,32)
```
#bc1224
```
#bc1224 rgb(188,18,36)
```
#d31428
```
#d31428 rgb(211,20,40)
```
#e9182e
```
#e9182e rgb(233,24,46)
```
#eb2f43
```
#eb2f43 rgb(235,47,67)
```

Monochromatic Color

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

#bc124e
```
#bc124e rgb(188,18,78)
```
#bc1240
```
#bc1240 rgb(188,18,64)
```
#bc1232
```
#bc1232 rgb(188,18,50)
```
#bc1224
```
#bc1224 rgb(188,18,36)
```
#bc1216
```
#bc1216 rgb(188,18,22)
```
#bc1c12
```
#bc1c12 rgb(188,28,18)
```
#bc2b12
```
#bc2b12 rgb(188,43,18)
```

Similar Colors

Text with hexadecimal color #bc1224

This text has a font color of #bc1224.

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

#bc1224 background color

This paragraph has a background color of #bc1224.

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

#bc1224 border color

This element has a border color of #bc1224.

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

CSS codes

.text {color:#bc1224;}

.background {background-color:#bc1224;}

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

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, #090102 is the darkest color, while #fef6f7 is the lightest one.

#090102
```
#090102 rgb(9,1,2)
```
#1b0305
```
#1b0305 rgb(27,3,5)
```
#2d0409
```
#2d0409 rgb(45,4,9)
```
#3f060c
```
#3f060c rgb(63,6,12)
```
#51080f
```
#51080f rgb(81,8,15)
```
#620913
```
#620913 rgb(98,9,19)
```
#740b16
```
#740b16 rgb(116,11,22)
```
#860d1a
```
#860d1a rgb(134,13,26)
```
#980f1d
```
#980f1d rgb(152,15,29)
```
#aa1021
```
#aa1021 rgb(170,16,33)
```
#bc1224
```
#bc1224 rgb(188,18,36)
```
#ce1427
```
#ce1427 rgb(206,20,39)
```
#e0152b
```
#e0152b rgb(224,21,43)
```

Shade Color Variation

#ea1f35
```
#ea1f35 rgb(234,31,53)
```
#eb3145
```
#eb3145 rgb(235,49,69)
```
#ed4355
```
#ed4355 rgb(237,67,85)
```
#ef5565
```
#ef5565 rgb(239,85,101)
```
#f06775
```
#f06775 rgb(240,103,117)
```
#f27986
```
#f27986 rgb(242,121,134)
```
#f48b96
```
#f48b96 rgb(244,139,150)
```
#f69da6
```
#f69da6 rgb(246,157,166)
```
#f7aeb6
```
#f7aeb6 rgb(247,174,182)
```
#f9c0c6
```
#f9c0c6 rgb(249,192,198)
```
#fbd2d7
```
#fbd2d7 rgb(251,210,215)
```
#fce4e7
```
#fce4e7 rgb(252,228,231)
```
#fef6f7
```
#fef6f7 rgb(254,246,247)
```

Tint Color Variation

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

#6d6162
```
#6d6162 rgb(109,97,98)
```
#75595c
```
#75595c rgb(117,89,92)
```
#7d5156
```
#7d5156 rgb(125,81,86)
```
#854950
```
#854950 rgb(133,73,80)
```
#8c4249
```
#8c4249 rgb(140,66,73)
```
#943a43
```
#943a43 rgb(148,58,67)
```
#9c323d
```
#9c323d rgb(156,50,61)
```
#a42a37
```
#a42a37 rgb(164,42,55)
```
#ac2230
```
#ac2230 rgb(172,34,48)
```
#b41a2a
```
#b41a2a rgb(180,26,42)
```
#bc1224
```
#bc1224 rgb(188,18,36)
```
#c40a1e
```
#c40a1e rgb(196,10,30)
```
#cc0218
```
#cc0218 rgb(204,2,24)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#5e3c40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6641 Protanopia 1% of men
#7f6121 Deuteranopia 1% of men
#bf211f Tritanopia 0.001% of the population

Trichromacy

#8b4736 Protanomaly 1% of men, 0.01% of women
#954422 Deuteranomaly 6% of men, 0.4% of women
#be1b21 Tritanomaly 0.01% of the population

#bc1224 hex color

#bc1224 Color Information

#bc1224 Color Conversion

Color Schemes with #bc1224

Alternatives to #bc1224

#bc1224 Preview

Shades and Tints of #bc1224

Tones of #bc1224

Color Blindness Simulator