#bc223f hex color

In a RGB color space, hex #bc223f is composed of 73.7% red, 13.3% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.9% magenta, 66.5% yellow and 26.3% black. It has a hue angle of 348.7 degrees, a saturation of 69.4% and a lightness of 43.5%. #bc223f color hex could be obtained by blending #ff447e with #790000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 13
- B 25
RGB color chart
- C 0
- M 82
- Y 66
- K 26
CMYK color chart

● #bc223f color description : Strong red.

The hexadecimal color #bc223f has RGB values of R:188, G:34, B:63 and CMYK values of C:0, M:0.82, Y:0.66, K:0.26. Its decimal value is 12329535.

Hex triplet	bc223f	`#bc223f`
RGB Decimal	188, 34, 63	`rgb(188,34,63)`
RGB Percent	73.7, 13.3, 24.7	`rgb(73.7%,13.3%,24.7%)`
CMYK	0, 82, 66, 26
HSL	348.7°, 69.4, 43.5	`hsl(348.7,69.4%,43.5%)`
HSV (or HSB)	348.7°, 81.9, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.527, 60.002, 23.558
XYZ	22.209, 12.197, 5.887
xyY	0.551, 0.303, 12.197
CIE-LCH	41.527, 64.461, 21.436
CIE-LUV	41.527, 108.427, 13.121
Hunter-Lab	34.924, 52.396, 14.452
Binary	10111100, 00100010, 00111111

#bc223f
```
#bc223f rgb(188,34,63)
```
#22bc9f
```
#22bc9f rgb(34,188,159)
```

Complementary Color

#bc228c
```
#bc228c rgb(188,34,140)
```
#bc223f
```
#bc223f rgb(188,34,63)
```
#bc5222
```
#bc5222 rgb(188,82,34)
```

Analogous Color

#228cbc
```
#228cbc rgb(34,140,188)
```
#bc223f
```
#bc223f rgb(188,34,63)
```
#22bc52
```
#22bc52 rgb(34,188,82)
```

Split Complementary Color

#223fbc
```
#223fbc rgb(34,63,188)
```
#bc223f
```
#bc223f rgb(188,34,63)
```
#3fbc22
```
#3fbc22 rgb(63,188,34)
```

Triadic Color

#9f22bc
```
#9f22bc rgb(159,34,188)
```
#bc223f
```
#bc223f rgb(188,34,63)
```
#3fbc22
```
#3fbc22 rgb(63,188,34)
```
#22bc9f
```
#22bc9f rgb(34,188,159)
```

Tetradic Color

#7b1629
```
#7b1629 rgb(123,22,41)
```
#911a31
```
#911a31 rgb(145,26,49)
```
#a61e38
```
#a61e38 rgb(166,30,56)
```
#bc223f
```
#bc223f rgb(188,34,63)
```
#d22646
```
#d22646 rgb(210,38,70)
```
#db3655
```
#db3655 rgb(219,54,85)
```
#df4c68
```
#df4c68 rgb(223,76,104)
```

Monochromatic Color

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

#bc2266
```
#bc2266 rgb(188,34,102)
```
#bc2259
```
#bc2259 rgb(188,34,89)
```
#bc224c
```
#bc224c rgb(188,34,76)
```
#bc223f
```
#bc223f rgb(188,34,63)
```
#bc2232
```
#bc2232 rgb(188,34,50)
```
#bc2225
```
#bc2225 rgb(188,34,37)
```
#bc2b22
```
#bc2b22 rgb(188,43,34)
```

Similar Colors

Text with hexadecimal color #bc223f

This text has a font color of #bc223f.

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

#bc223f background color

This paragraph has a background color of #bc223f.

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

#bc223f border color

This element has a border color of #bc223f.

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

CSS codes

.text {color:#bc223f;}

.background {background-color:#bc223f;}

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

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

#050102
```
#050102 rgb(5,1,2)
```
#160407
```
#160407 rgb(22,4,7)
```
#26070d
```
#26070d rgb(38,7,13)
```
#370a12
```
#370a12 rgb(55,10,18)
```
#480d18
```
#480d18 rgb(72,13,24)
```
#58101e
```
#58101e rgb(88,16,30)
```
#691323
```
#691323 rgb(105,19,35)
```
#7a1629
```
#7a1629 rgb(122,22,41)
```
#8a192e
```
#8a192e rgb(138,25,46)
```
#9b1c34
```
#9b1c34 rgb(155,28,52)
```
#ab1f39
```
#ab1f39 rgb(171,31,57)
```
#bc223f
```
#bc223f rgb(188,34,63)
```
#cd2545
```
#cd2545 rgb(205,37,69)
```

Shade Color Variation

#d92c4d
```
#d92c4d rgb(217,44,77)
```
#dc3d5b
```
#dc3d5b rgb(220,61,91)
```
#df4e69
```
#df4e69 rgb(223,78,105)
```
#e25e77
```
#e25e77 rgb(226,94,119)
```
#e56f85
```
#e56f85 rgb(229,111,133)
```
#e87f93
```
#e87f93 rgb(232,127,147)
```
#eb90a1
```
#eb90a1 rgb(235,144,161)
```
#eea1af
```
#eea1af rgb(238,161,175)
```
#f1b1bd
```
#f1b1bd rgb(241,177,189)
```
#f4c2cb
```
#f4c2cb rgb(244,194,203)
```
#f7d2d9
```
#f7d2d9 rgb(247,210,217)
```
#fae3e7
```
#fae3e7 rgb(250,227,231)
```
#fdf4f5
```
#fdf4f5 rgb(253,244,245)
```

Tint Color Variation

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

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#78666a
```
#78666a rgb(120,102,106)
```
#805e64
```
#805e64 rgb(128,94,100)
```
#89555f
```
#89555f rgb(137,85,95)
```
#914d5a
```
#914d5a rgb(145,77,90)
```
#9a4454
```
#9a4454 rgb(154,68,84)
```
#a23c4f
```
#a23c4f rgb(162,60,79)
```
#ab334a
```
#ab334a rgb(171,51,74)
```
#b32b44
```
#b32b44 rgb(179,43,68)
```
#bc223f
```
#bc223f rgb(188,34,63)
```
#c5193a
```
#c5193a rgb(197,25,58)
```
#cd1134
```
#cd1134 rgb(205,17,52)
```
#d6082f
```
#d6082f rgb(214,8,47)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#68494f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e695e Protanopia 1% of men
#80653f Deuteranopia 1% of men
#be3233 Tritanopia 0.001% of the population

Trichromacy

#8a4f52 Protanomaly 1% of men, 0.01% of women
#964d3f Deuteranomaly 6% of men, 0.4% of women
#bd2c37 Tritanomaly 0.01% of the population

#bc223f hex color

#bc223f Color Information

#bc223f Color Conversion

Color Schemes with #bc223f

Alternatives to #bc223f

#bc223f Preview

Shades and Tints of #bc223f

Tones of #bc223f

Color Blindness Simulator