#bc322d hex color

In a RGB color space, hex #bc322d is composed of 73.7% red, 19.6% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.4% magenta, 76.1% yellow and 26.3% black. It has a hue angle of 2.1 degrees, a saturation of 61.4% and a lightness of 45.7%. #bc322d color hex could be obtained by blending #ff645a with #790000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 20
- B 18
RGB color chart
- C 0
- M 73
- Y 76
- K 26
CMYK color chart

● #bc322d color description : Strong red.

The hexadecimal color #bc322d has RGB values of R:188, G:50, B:45 and CMYK values of C:0, M:0.73, Y:0.76, K:0.26. Its decimal value is 12333613.

Hex triplet	bc322d	`#bc322d`
RGB Decimal	188, 50, 45	`rgb(188,50,45)`
RGB Percent	73.7, 19.6, 17.6	`rgb(73.7%,19.6%,17.6%)`
CMYK	0, 73, 76, 26
HSL	2.1°, 61.4, 45.7	`hsl(2.1,61.4%,45.7%)`
HSV (or HSB)	2.1°, 76.1, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.01, 54.28, 36.118
XYZ	22.354, 13.165, 3.846
xyY	0.568, 0.334, 13.165
CIE-LCH	43.01, 65.198, 33.64
CIE-LUV	43.01, 105.475, 24.471
Hunter-Lab	36.283, 46.48, 19.113
Binary	10111100, 00110010, 00101101

#bc322d
```
#bc322d rgb(188,50,45)
```
#2db7bc
```
#2db7bc rgb(45,183,188)
```

Complementary Color

#bc2d70
```
#bc2d70 rgb(188,45,112)
```
#bc322d
```
#bc322d rgb(188,50,45)
```
#bc7a2d
```
#bc7a2d rgb(188,122,45)
```

Analogous Color

#2d70bc
```
#2d70bc rgb(45,112,188)
```
#bc322d
```
#bc322d rgb(188,50,45)
```
#2dbc7a
```
#2dbc7a rgb(45,188,122)
```

Split Complementary Color

#322dbc
```
#322dbc rgb(50,45,188)
```
#bc322d
```
#bc322d rgb(188,50,45)
```
#2dbc32
```
#2dbc32 rgb(45,188,50)
```

Triadic Color

#bc2db7
```
#bc2db7 rgb(188,45,183)
```
#bc322d
```
#bc322d rgb(188,50,45)
```
#2dbc32
```
#2dbc32 rgb(45,188,50)
```
#2db7bc
```
#2db7bc rgb(45,183,188)
```

Tetradic Color

#7e221e
```
#7e221e rgb(126,34,30)
```
#932723
```
#932723 rgb(147,39,35)
```
#a72d28
```
#a72d28 rgb(167,45,40)
```
#bc322d
```
#bc322d rgb(188,50,45)
```
#ce3934
```
#ce3934 rgb(206,57,52)
```
#d34d49
```
#d34d49 rgb(211,77,73)
```
#d8625d
```
#d8625d rgb(216,98,93)
```

Monochromatic Color

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

#bc2d4c
```
#bc2d4c rgb(188,45,76)
```
#bc2d40
```
#bc2d40 rgb(188,45,64)
```
#bc2d34
```
#bc2d34 rgb(188,45,52)
```
#bc322d
```
#bc322d rgb(188,50,45)
```
#bc3e2d
```
#bc3e2d rgb(188,62,45)
```
#bc4a2d
```
#bc4a2d rgb(188,74,45)
```
#bc562d
```
#bc562d rgb(188,86,45)
```

Similar Colors

Text with hexadecimal color #bc322d

This text has a font color of #bc322d.

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

#bc322d background color

This paragraph has a background color of #bc322d.

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

#bc322d border color

This element has a border color of #bc322d.

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

CSS codes

.text {color:#bc322d;}

.background {background-color:#bc322d;}

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

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

#0e0403
```
#0e0403 rgb(14,4,3)
```
#1e0807
```
#1e0807 rgb(30,8,7)
```
#2e0c0b
```
#2e0c0b rgb(46,12,11)
```
#3d100f
```
#3d100f rgb(61,16,15)
```
#4d1512
```
#4d1512 rgb(77,21,18)
```
#5d1916
```
#5d1916 rgb(93,25,22)
```
#6d1d1a
```
#6d1d1a rgb(109,29,26)
```
#7d211e
```
#7d211e rgb(125,33,30)
```
#8d2522
```
#8d2522 rgb(141,37,34)
```
#9c2a25
```
#9c2a25 rgb(156,42,37)
```
#ac2e29
```
#ac2e29 rgb(172,46,41)
```
#bc322d
```
#bc322d rgb(188,50,45)
```
#cc3631
```
#cc3631 rgb(204,54,49)
```

Shade Color Variation

#d1443f
```
#d1443f rgb(209,68,63)
```
#d5544f
```
#d5544f rgb(213,84,79)
```
#d9635f
```
#d9635f rgb(217,99,95)
```
#dc726f
```
#dc726f rgb(220,114,111)
```
#e0827e
```
#e0827e rgb(224,130,126)
```
#e4918e
```
#e4918e rgb(228,145,142)
```
#e8a19e
```
#e8a19e rgb(232,161,158)
```
#ecb0ae
```
#ecb0ae rgb(236,176,174)
```
#efc0be
```
#efc0be rgb(239,192,190)
```
#f3cfce
```
#f3cfce rgb(243,207,206)
```
#f7dedd
```
#f7dedd rgb(247,222,221)
```
#fbeeed
```
#fbeeed rgb(251,238,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#7d6c6c
```
#7d6c6c rgb(125,108,108)
```
#866463
```
#866463 rgb(134,100,99)
```
#8f5c5a
```
#8f5c5a rgb(143,92,90)
```
#985351
```
#985351 rgb(152,83,81)
```
#a14b48
```
#a14b48 rgb(161,75,72)
```
#aa433f
```
#aa433f rgb(170,67,63)
```
#b33a36
```
#b33a36 rgb(179,58,54)
```
#bc322d
```
#bc322d rgb(188,50,45)
```
#c52a24
```
#c52a24 rgb(197,42,36)
```
#ce211b
```
#ce211b rgb(206,33,27)
```
#d71912
```
#d71912 rgb(215,25,18)
```
#e01109
```
#e01109 rgb(224,17,9)
```
#e90800
```
#e90800 rgb(233,8,0)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e5352 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776d46 Protanopia 1% of men
#87682d Deuteranopia 1% of men
#bf3b3e Tritanopia 0.001% of the population

Trichromacy

#90573d Protanomaly 1% of men, 0.01% of women
#9a542d Deuteranomaly 6% of men, 0.4% of women
#be3837 Tritanomaly 0.01% of the population

#bc322d hex color

#bc322d Color Information

#bc322d Color Conversion

Color Schemes with #bc322d

Alternatives to #bc322d

#bc322d Preview

Shades and Tints of #bc322d

Tones of #bc322d

Color Blindness Simulator